/* ||| universal set of reset styles |||*/
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
vertical-align: baseline;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
background: ffffff;
line-height: 1;
color: black;
}
ol, ul {
list-style: none;
}
/* tables still need cellspacing="0" in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
/* remove possible quote marks (") from & */
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* ||| the end |||*/
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
font-size:100%;
}
#bg {
background: #ffffff url('../images/background.jpg') no-repeat fixed 50% top;
font: normal 12px Arial, Helvetica, sans-serif;
color: #333;
line-height:18px;
}
a {
outline: none;
cursor: pointer;
}
img {
border: none;
text-decoration: none;
}
element.style {
cursor:pointer;
}
a:link, a:visited, a:active {
text-decoration: none;
color: #3c6f9e;
}
a:hover {
text-decoration: underline;
}
ul {
padding: 0 0 0 2px;
margin: 0;
margin-left: 1px;
list-style: none;
}
ul li {
background: transparent url('../images/arrow.gif') no-repeat 0 5px;
padding-left: 12px;
line-height: 160%;
}
ol li {
line-height: 170%;
}
fieldset {
border: 0;
padding: 5px 0;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 155%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 100%;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}
th {
padding: 4px;
text-align: left;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
input, select {
font: normal 12px Arial, Helvetica, sans-serif;
}
hr {
border-top: 1px solid #ffffff;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}
.clearfix {
clear: both;
}
.us {
margin:0 14px;
}
input, textarea, select {
border:1px solid #D9D8D8;
}
/* Major Blocks-------------------------------------------------------------------------------*/
div#wrap-bg {
width: 960px;
height: 100%;
margin: 0 auto;
position: relative;
}
/* Here you can change width or height of your header*/
div#topwrap {
height: 150px;/*190*/
line-height: 150px;/*190*/
width: 100%;
}
/* Here you can change width or height of your logo*/
#logo {
background: transparent url('../images/logo.png') no-repeat 0 50%;
width: 300px;
height:190px;
display: block;
float: left;
left-padding: 200px;
}
/*end*/
div#bannerwrap {
float: right;
height: 150px;/*60*/
overflow: hidden;
width: 468px;
margin-top: 37px;
color: #fff;
text-align: left;
}
#contentbg {
clear: both;
height: 58px;
}
.shadow-top, .shadow-bottom {
clear: both;
width: 100%;
height: 10px;
position: relative;
background: transparent url('../images/shadow-top.png') repeat-x 0 0;
}
.shadow-bottom {
background: transparent url('../images/shadow-bottom.png') repeat-x 0 0;
}
div#menu {
clear: both;
margin: 0;
width: 100%;
height: 48px;
background: transparent url('../images/bg_menu.png') repeat-x 0 0;
}
div#search {
position: absolute;
right: 106px;
top: 215px;/*159*/
width: 60px;
z-index: 52;
}
div#search input.inputbox {
background: #fff url('../images/icon_search.png') no-repeat 99% 50%;
border: 1px solid #d9d8d8;
padding: 0 18px 0 3px;
height: 18px;
line-height: 18px;
color: #666;
}
div#contentwrap {
width: 100%;
height: 100%;
background: #ccc url('../images/bg-html.gif') repeat;
}
div#marginwrap-1 {
margin: 0 15px 0 0;
padding-top: 15px;
}
div#marginwrap-2 {
margin: 0;
padding-top: 15px;
}
div#conwrap {
clear: both;
background: #fff;
padding: 20px 20px 0px 10px;/*15 0 15*/
height: 100%;
margin-top: -15px;
}
/* Footer
-------------------------------------------------------------------------------*/
div#footer_wrap {
width: 960px;
height: 100%;
margin: 0 auto;
padding: 10px 0 100px;
border-top: 4px solid #ccc;
}
div#footer {
clear: both;
font-size: 10px;
padding-left:50px;
}
div#footer a {
font-size: 10px;
}
div#links {
float: left;
padding-bottom: 10px;
color: #3c6f9e;
}
div#copyright {
float: right;
color: #999;
}
/* Setup of major blocks
----------------------------------------------------------------------------------*/
div#l_w-1 {
float: left;
width: 675px;
margin-right: 10px;
}
div#l_w-2 {
width: 100%;
}
div#r_w {
float: right;
width: 250px;
}
div#l_w1 {
float: right;
width: 200px; /*162*/
}
div#r_w1-3 {
float: left;
width: 700px;
border-right: 1px dotted #fff;
padding-right: 10px;
}
div#r_w1-2 {
width: 100%;
}
div#r_w1-1 {
float: left;
width: 400px;
border-right: 1px dotted #fff;
padding-right: 10px;
}
div#mainbody {
clear: both;
}
/* Setup value of users position 1, 2, 3, 4
----------------------------------------------------------------------------------*/
div#user_position-1, div#user_position-2, div#user_position-3, div#user_position-4, .us-stand {
clear: both;
overflow: hidden;
}
div.us_1-left, div.us_1-right, div.us_1-center, div.us_2-left, div.us_2-right, div.us_2-center, div.us_3-left, div.us_3-right, div.us_3-center, div.us_4-left, div.us_4-right, div.us_4-center {
float: left;
width: 33.3%;
width: 50%;
width: 100%;
}
/* Modules
-------------------------------------------------------------------------------- */
div.moduletable, div.moduletable-black, div.moduletable-color1, div.moduletable-color2, div.moduletable-color3 {
font: normal 100% Arial, Helvetica, sans-serif;
line-height:18px;
padding: 10px;
margin:0 0 15px 0;
background: #fff;
}
div.moduletable h3, div.moduletable-black h3, div.moduletable-color1 h3, div.moduletable-color2 h3, div.moduletable-color3 h3 {
font: bold 10px Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding: 0;
margin: 0 0 5px 0;
line-height: 12px;
color: #fff;
}
/* black */
div.moduletable-black ul li {
background: transparent url('../images/arrow1.gif') no-repeat 0 5px;
}
div.moduletable-black {
background: #000;
color: #999;
}
div.moduletable-black h3 {
color: #fff;
}
div.moduletable-black a.readon, div.moduletable-black .button {
background: #222222;
}
div.moduletable-black a.readon:hover, div.moduletable-black .button:hover {
background: #3c6f9e;
}
/* color1 */
#conwrap div.moduletable-color1, #conwrap div.moduletable-color2, #conwrap div.moduletable-color3 {
padding: 0;
}
div.moduletable-color1 a {
color: #3c6f9e;
}
div.moduletable-color1 h3 {
color: #3c6f9e;
border-bottom: 2px solid #3c6f9e;
font:normal 28px Geneva, Arial, Helvetica, sans-serif;
text-transform: none;
padding-bottom: 5px;
margin-bottom: 10px;
}
div.moduletable-color1 a.readon, div.moduletable-color1 .button {
background: #3c6f9e;
color: #fff;
}
div.moduletable-color1 a.readon:hover, div.moduletable-color1 .button:hover {
background: #05386b;
}
/* color2 */
div.moduletable-color2 a {
color: #cc0000;
}
div.moduletable-color2 h3 {
color: #cc0000;
border-bottom: 2px solid #cc0000;
font:normal 28px Geneva, Arial, Helvetica, sans-serif;
text-transform: none;
padding-bottom: 5px;
margin-bottom: 10px;
}
div.moduletable-color2 a.readon, div.moduletable-color2 .button {
background: #cc0000;
color: #fff;
}
div.moduletable-color2 a.readon:hover, div.moduletable-color2 .button:hover {
background: #990505;
}
/* color3 */
div.moduletable-color3 a {
color: #e98b05;
}
div.moduletable-color3 h3 {
color: #e98b05;
border-bottom: 2px solid #e98b05;
font:normal 28px Geneva, Arial, Helvetica, sans-serif;
text-transform: none;
padding-bottom: 5px;
margin-bottom: 10px;
}
div.moduletable-color3 a.readon, div.moduletable-color3 .button {
background: #e98b05;
color: #fff;
}
div.moduletable-color3 a.readon:hover, div.moduletable-color3 .button:hover {
background: #b46a00;
}
/* Restricions
-------------------------------------------------------------------------------- */
#user_position-1 {
margin: -15px 0 15px 0;
background: #fff;
border-right: 1px solid #ffffff;
}
#user_position-4 {
background: #fff;
}
.br {
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
#user_position-1 div.moduletable, #user_position-1 div.moduletable-black, #user_position-1 div.moduletable-color1, #user_position-1 div.moduletable-color2, #user_position-1 div.moduletable-color3 {
font: normal 100% Arial, Helvetica, sans-serif;
padding: 15px;
margin: 0;
background: #fff;
border: none;
color: #666;
}
#user_position-1 div.moduletable ul li, #user_position-1 div.moduletable-black ul li, #user_position-1 div.moduletable-color1 ul li, #user_position-1 div.moduletable-color2 ul li, #user_position-1 div.moduletable-color3 ul li {
background: transparent url('../images/arrow1.gif') no-repeat 0 5px;
}
#user_position-1 div.moduletable h3 {
color: #fff;
}
#user_position-1 div.moduletable-black h3, #user_position-1 div.moduletable-color1 h3, #user_position-1 div.moduletable-color2 h3, #user_position-1 div.moduletable-color3 h3 {
font: bold 10px Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding: 0;
margin: 0 0 5px 0;
line-height: 12px;
border: none;
}
#user_position-4 div.moduletable, #user_position-4 div.moduletable-black, #user_position-4 div.moduletable-color1, #user_position-4 div.moduletable-color2, #user_position-4 div.moduletable-color3 {
font: normal 100% Arial, Helvetica, sans-serif;
padding: 15px;
margin: 0;
background: #fff;
border: none;
color: #666;
}
#user_position-4 div.moduletable ul li, #user_position-4 div.moduletable-black ul li, #user_position-4 div.moduletable-color1 ul li, #user_position-4 div.moduletable-color2 ul li, #user_position-4 div.moduletable-color3 ul li {
background: transparent url('../images/arrow1.gif') no-repeat 0 5px;
}
#user_position-4 div.moduletable h3 {
color: #fff;
}
#user_position-4 div.moduletable-black h3, #user_position-4 div.moduletable-color1 h3, #user_position-4 div.moduletable-color2 h3, #user_position-4 div.moduletable-color3 h3 {
font: bold 10px Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding: 0;
margin: 0 0 5px 0;
line-height: 12px;
border: none;
}
div#l_w1 div.moduletable {
border: none;
/* margin-top: -15px; -10*/
}
#l_w1 div.moduletable h3 {
background: #f9f9f9;
line-height: 20px;
padding: 0 0 0 5px;
color: #333;
}
/* Typhoraphy
-----------------------------------------------------------------------------------*/
pre, .code {
background-color:#f9f9f9;
border-left:5px solid #ffffff;
margin:10px 0pt 15px;
padding:10px 15px;
font-size: 11px;
}
.bible {
background:transparent url('../images/icons/bible.gif') no-repeat left top;
color:#3c6f9e;
padding-left:30px;
}
.notes {
background:transparent url('../images/icons/paper.gif') no-repeat left top;
color:#000000;
padding-left:30px;
}
.tips {
background:transparent url('../images/icons/tips.gif') no-repeat left top;
color:#E98B05;
padding-left:30px;
}
.bible {
background:transparent url('../images/icons/bible.gif') no-repeat left top;
color:#E98B05;
padding-left:30px;
}
.date {
background:transparent url('../images/icons/date.gif') no-repeat left top;
color:#003c6e;
padding-left:30px;
}
.audio, .credit, .email, .feed, .help, .webcam {
background:transparent url('../images/icons/audio.gif') no-repeat left top;
padding-left:30px;
}
.credit {
background:transparent url('../images/icons/credit.gif') no-repeat left top;
}
.email {
background:transparent url('../images/icons/email.gif') no-repeat left top;
}
.feed {
background:transparent url('../images/icons/feed.gif') no-repeat left top;
}
.help {
background:transparent url('../images/icons/help.gif') no-repeat left top;
}
.webcam {
background:transparent url('../images/icons/webcam.gif') no-repeat left top;
}
span.clear, span.color, span.color-1, span.color-2, span.color-3, span.color-4, span.color-5, span.color-6 {
display: block;
padding: 10px;
margin-bottom: 10px;
}
span.color {
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
background: #FFEFEF;
}
span.color-1 {
border-top: 2px solid #ffffff;/*3C6F9E*/
border-bottom: 2px solid #ffffff;
background: #f3f9fe;
}
span.color-2 {
border-top: 2px solid #E98B05;
border-bottom: 2px solid #E98B05;
background: #FFF2DF;
}
span.color-3 {
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
background: #b40f17;
color: #fff;
}
span.color-4 {
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ccc;
background: #fff;
color: #fff;
}
span.color-5 {
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ccc;
background: #333;
color: #fff;
}
span.color-6 {
border-top: 2px solid #EF6B00;
border-bottom: 2px solid #EF6B00;
background: #E98B05;
color: #fff;
}
span.clear {
background: #F9F9F9;
}
div.moduletable-photog{
font: normal 100% Arial, Helvetica, sans-serif;
line-height:18px;
padding: 10px;
margin:0 0 15px 0;
background: #fff url(../images/photog.gif) no-repeat top center;
}