html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}
html, body {height: 100%;}
body {line-height:1; font-size: 14px; color: gray}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;} /* remember to define focus styles! */
ins {text-decoration:none;} /* remember to highlight inserts somehow! */
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* source: http://sonspring.com/journal/clearing-floats */
/* BEGIN SQUARE GRID CODE */
body {background-color:#000; font-size:62.5%; line-height:28px; /* for RTL add: 'direction: rtl;' */ }
/* your main wrapping div */
#wrapper{ margin: auto; position:relative; overflow: hidden; width: 1000px; min-height: 100%; background:#000 center top repeat; }
#container_1{width:1008px;}
/* global styling to apply to all columns */
.sg-1, .sg-2, .sg-3, .sg-4, .sg-5, .sg-6, .sg-7, .sg-8, .sg-9, .sg-10, .sg-11, .sg-12, .sg-13, .sg-14, .sg-15, .sg-16, .sg-17, .sg-18, .sg-19, .sg-20, .sg-21, .sg-22, .sg-23, .sg-24, .sg-25, .sg-26, .sg-27, .sg-28, .sg-29, .sg-30, .sg-31, .sg-32, .sg-33, .sg-34, .sg-35
{margin:8px 8px 8px 8px; float:left; /* for RTL change float to 'right' */ }
.sg-1-1 {width:25px; margin:2px 1px 2px 1px; float:left; }
.sg-1-2 {width:25px; margin:6px 3px 2px 1px; float:left; }
.sg-2-1 {width:51px; margin:2px 2px 2px 0px; float:left; }
.sg-4-1 {width:90px; margin:2px 3px 2px 2px; float:left; }
.sg-5-1 {width:144px; margin:2px 2px 2px 2px; float:left; }
.sg-8-1 {width:224px; margin:0px 8px 0px 8px; float:left; }
.sg-9-1 {width:260px;}
/* if you want to have a div as a parent with divs inside - add this class to parent div */
.sgParent{margin:0px;}
/* essential: width for all columns */
.sg-1{width:28px} .sg-2{width:56px} .sg-3{width:71px} .sg-4{width:79px} .sg-5{width:141px} .sg-6{width:168px} .sg-7{width:186px} .sg-8{width:224px} .sg-9{width:240px} .sg-10{width:280px} .sg-11{width:308px} .sg-12{width:336px} .sg-13{width:364px} .sg-14{width:392px} .sg-15{width:446px} .sg-16{width:460px} .sg-17{width:476px} .sg-18{width:504px} .sg-19{width:532px} .sg-20{width:560px} .sg-21{width:588px} .sg-22{width:616px} .sg-23{width:644px} .sg-24{width:672px} .sg-25{width:700px} .sg-26{width:728px} .sg-27{width:780px} .sg-28{width:784px} .sg-29{width:812px} .sg-30{width:840px} .sg-31{width:868px} .sg-32{width:896px} .sg-33{width:924px} .sg-34{width:952px} .sg-35{width:1000px}
/* add a dividing border to the right or left simply by addiing one of these classes to a div */
.borderRight{border-right:1px solid #222; margin-right:0px; padding-right:13px;}
.borderLeft {border-left:1px solid #222; margin-left:0px; padding-left:13px;}
.header {position:absolute; top:50%; margin-top:-282px;height:564px; background-image: url('bg/home_bg.png'); background-repeat: no-repeat;}
.header_s {position:absolute; top:50%; margin-top:-282px;height:564px; background-image: url('bg/register_bg.png'); background-repeat: no-repeat;}
.classes {position:absolute; top:50%; margin-top:-282px;height:564px; background-image: url('images/bg/classes_bg.png'); background-repeat: no-repeat;}
.classes_s {position:absolute; top:50%; margin-top:-282px;height:564px; background-image: url('images/bg/classes_s_bg.png'); background-repeat: no-repeat;}
.ads {margin-top:0px; margin-left: 660px; width:281px; height:504px; background-image: url('bg/login_bg.png'); background-repeat: no-repeat;}
.ads_s {margin-top:30px; margin-left: 185px; width:630px; height:459px; background-image: url('bg/register_outline_bg.png'); background-repeat: no-repeat;}
.play {position:absolute; top:50%; margin-top:-282px;height:564px; background-image: url('bg/course_bg.png'); background-repeat: no-repeat;}
.play_s {position:absolute; top:50%; margin-top:-282px;height:564px; background-image: url('images/bg/play_s_bg.png'); background-repeat: no-repeat;}
.grade {margin-top:26px; margin-left: 82px; height:120px;}
.vline {margin-top:29px; margin-left: -76px; height:120px;}
.subject_1 {margin-top:24px; margin-left: 14px; height:56px;}
.subject_2 {margin-top:0px; margin-left: 14px; height:56px;}
.qtype{margin-top:-310px; margin-left: 732px; height:298px; overflow: auto;}
.logout{margin-top:24px; margin-left: 195px; height:32px;}
.video_1 {margin:5px 2px 2px 9px; height:110px;}
.video_2 {margin:5px 2px 2px 3px; height:110px;}
.video_3 {margin:3px 2px 2px 9px; height:110px;}
.video_4 {margin:3px 2px 2px 3px; height:110px;}
#btnMore {margin-left:770px; margin-top: 260px; height:28px; width: 103px; overflow: hidden;}
#btnClasses {margin-left:270px; margin-top: 366px; height:120px; width: 150px; overflow: hidden;}
#btnClasses1 {margin-left:433px; margin-top: 395px; height:91px; width: 312px; overflow: hidden;}
#embededVideo {margin-left:20px; margin-top: 21px; height:393px; width: 700px; overflow: hidden;}
#btnbackToStudy {margin-left:370px; margin-top: 106px; height:60px; width: 250px; overflow: hidden;}
.text11black {font-size:11px; line-height:1.6; color:#000000}
.text11gray {font-size:11px; line-height:1.6; color:#363636}
.text11gold {font-size:11px; line-height:1.6; color:#af9545}
.text12black {font-size:12px; line-height:1.6; color:#000000}
.text12gray {font-size:12px; line-height:1.6; color:#cbcbcb}
.text12orange {font-size:12px; line-height:1.6; color:#ea5514}
.text12yellow {font-size:12px; line-height:1.6; color:#ffd200}
.text12gray_2 {font-size:12px; line-height:1.6; color:#ababab}
.text12gray_3 {font-size:12px; line-height:1.6; color:#575757}
.text12gold {font-size:12px; line-height:1.6; color:#bb8d01}
.text12blue {font-size:12px; line-height:1.6; color:#397ab7}
.text12white {font-size:12px; line-height:1.6; color:#ffffff}
.text12red {font-size:12px; line-height:1.6; color:#ff0000}
.text12green {font-size:12px; line-height:1.6; color:#187b01}
.text13blue {font-size:13px; line-height:1.6; color:#3ba4ed}
.text13blue_active {font-size:13px; line-height:1.5; color:#60cef0}
.text13green {font-size:13px; line-height:1.6; color:#2c6800}
.text13gray {font-size:13px; line-height:1.6; color:#9d9d9d}
.text13black {font-size:13px; line-height:1.6; color:#000000}
.text13orange {font-size:13px; line-height:1.6; color:#ea5514}
.text13yellow {font-size:13px; line-height:1.6; color:#ffd200}
.text13gold {font-size:13px; line-height:1.6; color:#bb8d01}
.text13brown {font-size:13px; line-height:1.6; color:#b28147}
.text13white {font-size:13px; line-height:1.6; color:#ffffff}
.text14black {font-size:14px; line-height:1.6; color:#000000}
.text14gray {font-size:14px; line-height:1.6; color:#464646}
.text14gray_1 {font-size:14px; line-height:1.6; color:#cbcbcb}
.text14gray_2 {font-size:14px; line-height:1.6; color:#71655b}
.text14white {font-size:14px; line-height:1.6; color:#ffffff}
.text14red {font-size:14px; line-height:1.6; color:#e41e25}
.text15blue {font-size:15px; line-height:1.6; color:#3ba4ed}
.text15navy {font-size:15px; line-height:1.6; color:#5f6196}
.text15red {font-size:15px; line-height:1.6; color:#b00000}
.text15gray {font-size:15px; line-height:1.3; color:#4a4a4a}
.text15green {font-size:15px; line-height:1.3; color:#046731}
.text15white {font-size:15px; line-height:1.3; color:#ffffff}
.text15black {font-size:15px; line-height:1.6; color:#000000}
.text16black {font-size:16px; line-height:1.6; color:#000000}
.text16orange {font-size:16px; line-height:1.6; color:#ea5514}
.text17black {font-size:17px; line-height:1.6; color:#363636}
.text17gray {font-size:17px; line-height:1.6; color:#b0b0b0}
.text17white {font-size:17px; line-height:1.6; color:#ffffff}
.text17gold {font-size:17px; line-height:1.6; color:#bb8d01}
.text17red {font-size:17px; line-height:1.6; color:#9c293d}
.text22black {font-family: "","Impact"; font-size:22px; line-height:1.6; color:#000000}
.text24blue {font-family: "", "Impact","Arial"; font-size:24px; line-height:1.6; color:#213e54}
.text24black {font-size:24px; line-height:1.6; color:#000000}
.text24red {font-family: "","Impact"; font-size:24px; line-height:1.6; color: red; font-weight: bold}
.text30gray {font-size:38px; line-height:1.5; color:#b7b6b5}
.text40gray {font-size:40px; line-height:1.6; color:#c4c4c4}
a.item11_gray {color:#656565;font-size:11px;line-height:1.5;text-decoration:none}
a.item11_gray:hover {color:#60cef0;font-size:11px;line-height:1.5;text-decoration:underline}
a.item11_red {color:#b00000;font-size:11px;line-height:1.5;text-decoration:none}
a.item11_red:hover {color:#60cef0;font-size:11px;line-height:1.5;text-decoration:underline}
a.item11_black {color:#000000;font-size:11px;line-height:1.5;text-decoration:none}
a.item11_black:hover {color:#ffffff;font-size:11px;line-height:1.5;text-decoration:underline}
a.item11_black_underline {color:#000000;font-size:11px;line-height:1.5;text-decoration:underline}
a.item11_black_underline:hover {color:#ffffff;font-size:11px;line-height:1.5;text-decoration:underline}
a.item11_blue {color:#008cda;font-size:10px;line-height:1.5;text-decoration:none}
a.item11_blue:hover {color:#60cef0;font-size:10px;line-height:1.5;text-decoration:underline}
a.item11_white_u {color:#ffffff;font-size:11px;line-height:1.5;text-decoration:underline}
a.item11_white_u:hover {color:#656565;font-size:11px;line-height:1.5;text-decoration:underline}
a.item12_gold {color:#ffd200;font-size:12px;line-height:1.5;text-decoration:none}
a.item12_gold:hover {color:#60cef0;font-size:12px;line-height:1.5;text-decoration:underline}
a.item12_gray {color:#575757;font-size:12px;line-height:1.5;text-decoration:none}
a.item12_gray:hover {color:#60cef0;font-size:12px;line-height:1.5;text-decoration:underline}
a.item12_black {color:#000000;font-size:12px;line-height:1.5;text-decoration:none}
a.item12_black:hover {color:#60cef0;font-size:12px;line-height:1.5;text-decoration:underline}
a.head12_gray {color:#cbcbcb;font-size:12px;line-height:1.5;text-decoration:none}
a.head12_gray:hover {color:#ffffff;font-size:12px;line-height:1.5;text-decoration:none}
a.item12_blue {color:#008cda;font-size:12px;line-height:1.5;text-decoration:none}
a.item12_blue:hover {color:#60cef0;font-size:12px;line-height:1.5;text-decoration:underline}
a.item12_blue_1 {color:#055167;font-size:12px;line-height:1.5;text-decoration:none}
a.item12_blue_1:hover {color:#60cef0;font-size:12px;line-height:1.5;text-decoration:underline}
a.item12_blue_n {color:#008cda;font-size:12px;line-height:1.5;text-decoration:none}
a.item12_blue_n:hover {color:#60cef0;font-size:12px;line-height:1.5;text-decoration:none}
a.item12_white_n {color:#ffffff;font-size:12px;line-height:1.5;text-decoration:none}
a.item12_white_n:hover {color:#60cef0;font-size:12px;line-height:1.5;text-decoration:none}
a.item13_blue {color:#008cda;font-size:13px;line-height:1.5;text-decoration:none}
a.item13_blue:hover {color:#60cef0;font-size:13px;line-height:1.5;text-decoration:underline}
a.item13_gray {color:#ababab;font-size:13px;line-height:1.5;text-decoration:none}
a.item13_gray:hover {color:#60cef0;font-size:13px;line-height:1.5;text-decoration:underline}
a.item13_white {color:#ffffff;font-size:13px;line-height:1.5;text-decoration:none}
a.item13_white:hover {color:#60cef0;font-size:13px;line-height:1.5;text-decoration:underline}
a.item13_white_white {color:#ffffff;font-size:13px;line-height:1.5;text-decoration:none}
a.item13_white_white:hover {color:#ffffff;font-size:13px;line-height:1.5;text-decoration:underline}
a.item13_white_u {color:#ffffff;font-size:13px;line-height:1.5;text-decoration:underline}
a.item13_white_u:hover {color:#60cef0;font-size:13px;line-height:1.5;text-decoration:underline}
a.item13_black {color:#000000;font-size:13px;line-height:1.5;text-decoration:none}
a.item13_black:hover {color:#60cef0;font-size:13px;line-height:1.5;text-decoration:underline}
a.item13_black_white {color:#000000;font-size:13px;line-height:1.5;text-decoration:none}
a.item13_black_white:hover {color:#ffffff;font-size:13px;line-height:1.5;text-decoration:underline}
a.item13_red {color:#b00000;font-size:13px;line-height:1.5;text-decoration:none}
a.item13_red:hover {color:#60cef0;font-size:13px;line-height:1.5;text-decoration:underline}
a.item13_orange {color:#ea5514;font-size:13px;line-height:1.5;text-decoration:none}
a.item13_orange:hover {color:#60cef0;font-size:13px;line-height:1.5;text-decoration:none}
a.item14_blue {color:#4e8bc2;font-size:14px;line-height:1.5;text-decoration:underline}
a.item14_blue:hover {color:#60cef0;font-size:14px;line-height:1.5;text-decoration:underline}
a.item14_gray {color:#656565;font-size:14px;line-height:1.5;text-decoration:none}
a.item14_gray:hover {color:#60cef0;font-size:14px;line-height:1.5;text-decoration:underline}
a.item14_brown {color:#b28147;font-size:14px;line-height:1.5;text-decoration:none}
a.item14_brown:hover {color:#60cef0;font-size:14px;line-height:1.5;text-decoration:none}
a.item15_blue {color:#009de4;font-size:15px;line-height:1.5;text-decoration:none}
a.item15_blue:hover {color:#60cef0;font-size:15px;line-height:1.5;text-decoration:underline}
a.item15_black {color:#000000;font-size:15px;line-height:1.5;text-decoration:none}
a.item15_black:hover {color:#60cef0;font-size:15px;line-height:1.5;text-decoration:underline}
a.item15_gray {color:#656565;font-size:15px;line-height:1.5;text-decoration:none}
a.item15_gray:hover {color:#60cef0;font-size:15px;line-height:1.5;text-decoration:underline}
a.item15_gray_pink {color:#656565;font-size:15px;line-height:1.5;text-decoration:none}
a.item15_gray_pink:hover {color:#ffffff; background-color: #e7017f; font-size:15px;line-height:1.5;text-decoration:none}
a.item15_green {color:#046731;padding:5px;font-size:15px;line-height:1.5;text-decoration:none}
a.item15_green:hover {color:#60cef0;padding:5px;font-size:15px;line-height:1.5;text-decoration:underline}
a.item15_orange {color:#ea5514;font-size:15px;line-height:1.5;text-decoration:none}
a.item15_orange:hover {color:#60cef0;font-size:15px;line-height:1.5;text-decoration:none}
a.item16_blue {color:#008cda;font-size:16px;line-height:1.5;text-decoration:none}
a.item16_blue:hover {color:#60cef0;font-size:16px;line-height:1.5;text-decoration:underline}
a.item17_white {color:#ffffff;font-size:16px;line-height:1.5;text-decoration:none}
a.item17_white:hover {color:#60cef0;font-size:16px;line-height:1.5;text-decoration:underline}
a.item17_black {color:#000000;font-size:16px;line-height:1.5;text-decoration:none}
a.item17_black:hover {color:#60cef0;font-size:16px;line-height:1.5;text-decoration:underline}
a.item20_gray {color:#666666;padding:5px;font-size:20px;line-height:1.5;text-decoration:none}
a.item20_gray:hover {color:#60cef0;padding:5px;font-size:20px;line-height:1.5;text-decoration:none}
a.item20_blue {color:#009de4;padding:5px;font-size:20px;line-height:1.5;text-decoration:none}
a.item20_blue:hover {color:#60cef0;padding:5px;font-size:20px;line-height:1.5;text-decoration:underline}
a.item20_green {color:#046731;padding:5px;font-size:20px;line-height:1.5;text-decoration:none}
a.item20_green:hover {color:#60cef0;padding:5px;font-size:20px;line-height:1.5;text-decoration:underline}
a.item5 {color:#877641;font-size:12px;line-height:1.5;text-decoration:none}
a.item5:hover {color:#60cef0;font-size:12px;line-height:1.5;text-decoration:underline}
a.item6 {color:#EDEDED;font-size:12px;line-height:1.5;text-decoration:none}
a.item6:hover {color:#60cef0;font-size:12px;line-height:1.5;text-decoration:underline}
a.item7 {color:#0072BC;font-size:12px;line-height:1.5;text-decoration:none}
a.item7:hover {color:#60cef0;font-size:12px;line-height:1.5;text-decoration:underline}
/* General button style (reset) */
.btn {
width:204px;
height:41px;
background: none;
cursor: pointer;
padding: 6px 6px;
display: inline-block;
margin: 1px 0px 1px 0px;
line-height:1.5;
font-size:14px;
font-weight: 100;
outline: none;
position: relative;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
vertical-align: middle;
text-decoration:none;
}
/* Button 1 */
.btn-1 {
border: 2px solid #a9a9a9;
color: #fff;
background: #646464;
}
/* Button 1a */
.btn-1a:hover,
.btn-1a:active {
border: 2px solid #a9a9a9;
color: #fff;
background: #bc0071;
}
.btn_active {
width:204px;
height:41px;
background: none;
padding: 6px 6px;
display: inline-block;
margin: 1px 0px 1px 0px;
line-height:1.5;
font-size:14px;
font-weight: 100;
outline: none;
position: relative;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
border: 2px solid #a9a9a9;
color: #fff;
background: #bc0071;
vertical-align: middle;
text-decoration:none;
}
img.opacity {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 36px); /* Adjust as needed */
}
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99997; width: 100%; height: 100%; }
#lbOverlay.black { background-color: #000000; }
#lbOverlay.grey { background-color: #000000; }
#lbOverlay.red { background-color: #330000; }
#lbOverlay.green { background-color: #003300; }
#lbOverlay.blue { background-color: #011D50; }
#lbOverlay.gold { background-color: #666600; }
#lbOverlay.orange { background-color: #FFBB48; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99998; text-align: center; line-height: 0; display:-moz-inline-stack; }
#lbMain a img { border: 1px solid #ffffff; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.black { border: 2px solid #CCCCCC; background-color: #000000; }
#lbOuterContainer.grey { border: 2px solid #888888; }
#lbOuterContainer.red { border: 2px solid #DD0000; }
#lbOuterContainer.green { border: 2px solid #00B000; }
#lbOuterContainer.blue { border: 2px solid #5F89D8; }
#lbOuterContainer.gold { border: 2px solid #B0B000; }
#lbOuterContainer.orange { border: 2px solid #D15211; }
#lbTopContainer, #lbBottomContainer {
font: 0.85em Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; font-size: 0.9em;
overflow: hidden; margin: 0 auto; padding: 0; position: relative; z-index: 14; display: none;
}
#lbTopContainer { overflow: hidden; margin-top: 5px; }
#lbTopContainer.black, #lbBottomContainer.black { background-color: #000000; }
#lbTopContainer.grey, #lbTopContainer.red, #lbTopContainer.green, #lbTopContainer.blue, #lbTopContainer.gold, #lbTopContainer.orange,
#lbBottomContainer.grey, #lbBottomContainer.red, #lbBottomContainer.green, #lbBottomContainer.blue, #lbBottomContainer.gold, #lbBottomContainer.orange {
background-color: #ffffff;
}
#lbImage, #lbIframe { border: none; }
#lbImage.black, #lbIframe.black { border: 1px solid #CCCCCC; }
#lbImage.grey, #lbIframe.grey { border: 1px solid #888888; }
#lbImage.red, #lbIframe.red { border: 1px solid #DD0000; }
#lbImage.green, #lbIframe.green { border: 1px solid #00B000; }
#lbImage.blue, #lbIframe.blue { border: 1px solid #5F89D8; }
#lbImage.gold, #lbIframe.gold { border: 1px solid #B0B000; }
#lbImage.orange, #lbIframe.orange { border: 1px solid #D15211; }
#lbImageContainer, #lbIframeContainer { padding: 10px; z-index: 12; }
#lbLoading {
height: 100%; width: 100%; margin-top: -10px;
background: url('/assets/lytebox/loading_white.gif') center no-repeat;
}
#lbLoading.black { background: url('/assets/lytebox/loading_black.gif') center no-repeat; }
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrevHov { width: 48%; height: 100%; background: transparent url('/assets/lytebox/blank.gif') no-repeat; display: block; left: 0; float: left; margin-left: 3px; border: none !important; }
#lbPrevHov.black:hover, #lbPrevHov.black:visited { background: url('/assets/lytebox/prev_black_t.png') left 30% no-repeat; }
#lbPrevHov.grey:hover, #lbPrevHov.grey:visited { background: url('/assets/lytebox/prev_grey_t.png') left 30% no-repeat; }
#lbPrevHov.red:hover, #lbPrevHov.red:visited { background: url('/assets/lytebox/prev_red_t.png') left 30% no-repeat; }
#lbPrevHov.green:hover, #lbPrevHov.green:visited { background: url('/assets/lytebox/prev_green_t.png') left 30% no-repeat; }
#lbPrevHov.blue:hover, #lbPrevHov.blue:visited { background: url('/assets/lytebox/prev_blue_t.png') left 30% no-repeat; }
#lbPrevHov.gold:hover, #lbPrevHov.gold:visited { background: url('/assets/lytebox/prev_gold_t.png') left 30% no-repeat; }
#lbPrevHov.orange:hover, #lbPrevHov.orange:visited { background: url('/assets/lytebox/prev_orange_t.png') left 30% no-repeat; }
#lbNextHov { width: 48%; height: 100%; background: transparent url('/assets/lytebox/blank.gif') no-repeat; display: block; right: 0; float: right; margin-right: 3px; border: none !important; }
#lbNextHov.black:hover, #lbNextHov.black:visited { background: url('/assets/lytebox/next_black_t.png') right 30% no-repeat; }
#lbNextHov.grey:hover, #lbNextHov.grey:visited { background: url('/assets/lytebox/next_grey_t.png') right 30% no-repeat; }
#lbNextHov.red:hover, #lbNextHov.red:visited { background: url('/assets/lytebox/next_red_t.png') right 30% no-repeat; }
#lbNextHov.green:hover, #lbNextHov.green:visited { background: url('/assets/lytebox/next_green_t.png') right 30% no-repeat; }
#lbNextHov.blue:hover, #lbNextHov.blue:visited { background: url('/assets/lytebox/next_blue_t.png') right 30% no-repeat; }
#lbNextHov.gold:hover, #lbNextHov.gold:visited { background: url('/assets/lytebox/next_gold_t.png') right 30% no-repeat; }
#lbNextHov.orange:hover, #lbNextHov.orange:visited { background: url('/assets/lytebox/next_orange_t.png') right 30% no-repeat; }
#lbPrev, #lbPrevTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
#lbPrev.black, #lbPrevTop.black { background: url('/assets/lytebox/prev_black.png') no-repeat; }
#lbPrev.blackOff, #lbPrevTop.blackOff { background: url('/assets/lytebox/prev_black_off.png') no-repeat; cursor: default; }
#lbPrev.grey, #lbPrevTop.grey { background: url('/assets/lytebox/prev_grey.png') no-repeat; }
#lbPrev.greyOff, #lbPrevTop.greyOff { background: url('/assets/lytebox/prev_grey_off.png') no-repeat; cursor: default; }
#lbPrev.red, #lbPrevTop.red { background: url('/assets/lytebox/prev_red.png') no-repeat; }
#lbPrev.redOff, #lbPrevTop.redOff { background: url('/assets/lytebox/prev_red_off.png') no-repeat; cursor: default; }
#lbPrev.green, #lbPrevTop.green { background: url('/assets/lytebox/prev_green.png') no-repeat; }
#lbPrev.greenOff, #lbPrevTop.greenOff { background: url('/assets/lytebox/prev_green_off.png') no-repeat; cursor: default; }
#lbPrev.blue, #lbPrevTop.blue { background: url('/assets/lytebox/prev_blue.png') no-repeat; }
#lbPrev.blueOff, #lbPrevTop.blueOff { background: url('/assets/lytebox/prev_blue_off.png') no-repeat; cursor: default; }
#lbPrev.gold, #lbPrevTop.gold { background: url('/assets/lytebox/prev_gold.png') no-repeat; }
#lbPrev.goldOff, #lbPrevTop.goldOff { background: url('/assets/lytebox/prev_gold_off.png') no-repeat; cursor: default; }
#lbPrev.orange, #lbPrevTop.orange { background: url('/assets/lytebox/prev_orange.png') no-repeat; }
#lbPrev.orangeOff, #lbPrevTop.orangeOff { background: url('/assets/lytebox/prev_orange_off.png') no-repeat; cursor: default; }
#lbNext, #lbNextTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
#lbNext.black, #lbNextTop.black { background: url('/assets/lytebox/next_black.png') no-repeat; }
#lbNext.blackOff, #lbNextTop.blackOff { background: url('/assets/lytebox/next_black_off.png') no-repeat; cursor: default; }
#lbNext.grey, #lbNextTop.grey { background: url('/assets/lytebox/next_grey.png') no-repeat; }
#lbNext.greyOff, #lbNextTop.greyOff { background: url('/assets/lytebox/next_grey_off.png') no-repeat; cursor: default; }
#lbNext.red, #lbNextTop.red { background: url('/assets/lytebox/next_red.png') no-repeat; }
#lbNext.redOff, #lbNextTop.redOff { background: url('/assets/lytebox/next_red_off.png') no-repeat; cursor: default; }
#lbNext.green, #lbNextTop.green { background: url('/assets/lytebox/next_green.png') no-repeat; }
#lbNext.greenOff, #lbNextTop.greenOff { background: url('/assets/lytebox/next_green_off.png') no-repeat; cursor: default; }
#lbNext.blue, #lbNextTop.blue { background: url('/assets/lytebox/next_blue.png') no-repeat; }
#lbNext.blueOff, #lbNextTop.blueOff { background: url('/assets/lytebox/next_blue_off.png') no-repeat; cursor: default; }
#lbNext.gold, #lbNextTop.gold { background: url('/assets/lytebox/next_gold.png') no-repeat; }
#lbNext.goldOff, #lbNextTop.goldOff { background: url('/assets/lytebox/next_gold_off.png') no-repeat; cursor: default; }
#lbNext.orange, #lbNextTop.orange { background: url('/assets/lytebox/next_orange.png') no-repeat; }
#lbNext.orangeOff, #lbNextTop.orangeOff { background: url('/assets/lytebox/next_orange_off.png') no-repeat; cursor: default; }
#lbTopData, #lbBottomData { float: left; text-align: left; padding-left: 10px; }
#lbBottomData { padding-bottom: 0.5em; }
#lbBottomData.black, #lbTopData.black { color: #ffffff; }
#lbBottomData.grey, #lbTopData.grey { color: #333333; }
#lbBottomData.red, #lbTopData.red { color: #620000; }
#lbBottomData.green, #lbTopData.green { color: #003300; }
#lbBottomData.blue, #lbTopData.blue { color: #01379E; }
#lbBottomData.gold, #lbTopData.gold { color: #666600; }
#lbBottomData.orange, #lbTopData.orange { color: #D15211; }
#lbTopNav, #lbBottomNav { float: right; text-align: right; padding-right: 10px; }
#lbNumTop, #lbNumBottom { font-style: italic; }
#lbDescBottom { display: block; }
#lbTitleTop, #lbTopNav { margin-top: 0.3em; }
#lbTitleTop, #lbTitleBottom { display: block; font-weight: bold; }
#lbClose, #lbCloseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
#lbClose.black, #lbCloseTop.black { background: url('/assets/lytebox/close_black.png') no-repeat; }
#lbClose.grey, #lbCloseTop.grey { background: url('/assets/lytebox/close_grey.png') no-repeat; }
#lbClose.red, #lbCloseTop.red { background: url('/assets/lytebox/close_red.png') no-repeat; }
#lbClose.green, #lbCloseTop.green { background: url('/assets/lytebox/close_green.png') no-repeat; }
#lbClose.blue, #lbCloseTop.blue { background: url('/assets/lytebox/close_blue.png') no-repeat; }
#lbClose.gold, #lbCloseTop.gold { background: url('/assets/lytebox/close_gold.png') no-repeat; }
#lbClose.orange, #lbCloseTop.orange { background: url('/assets/lytebox/close_orange.png') no-repeat; }
#lbPrint, #lbPrintTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
#lbPrint.black, #lbPrintTop.black { background: url('/assets/lytebox/print_black.png') no-repeat; }
#lbPrint.grey, #lbPrintTop.grey { background: url('/assets/lytebox/print_grey.png') no-repeat; }
#lbPrint.red, #lbPrintTop.red { background: url('/assets/lytebox/print_red.png') no-repeat; }
#lbPrint.green, #lbPrintTop.green { background: url('/assets/lytebox/print_green.png') no-repeat; }
#lbPrint.blue, #lbPrintTop.blue { background: url('/assets/lytebox/print_blue.png') no-repeat; }
#lbPrint.gold, #lbPrintTop.gold { background: url('/assets/lytebox/print_gold.png') no-repeat; }
#lbPrint.orange, #lbPrintTop.orange { background: url('/assets/lytebox/print_orange.png') no-repeat; }
#lbPlay, #lbPlayTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
#lbPlay.black, #lbPlayTop.black { background: url('/assets/lytebox/play_black.png') no-repeat; }
#lbPlay.grey, #lbPlayTop.grey { background: url('/assets/lytebox/play_grey.png') no-repeat; }
#lbPlay.red, #lbPlayTop.red { background: url('/assets/lytebox/play_red.png') no-repeat; }
#lbPlay.green, #lbPlayTop.green { background: url('/assets/lytebox/play_green.png') no-repeat; }
#lbPlay.blue, #lbPlayTop.blue { background: url('/assets/lytebox/play_blue.png') no-repeat; }
#lbPlay.gold, #lbPlayTop.gold { background: url('/assets/lytebox/play_gold.png') no-repeat; }
#lbPlay.orange, #lbPlayTop.orange { background: url('/assets/lytebox/play_orange.png') no-repeat; }
#lbPause, #lbPauseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
#lbPause.black, #lbPauseTop.black { background: url('/assets/lytebox/pause_black.png') no-repeat; }
#lbPause.grey, #lbPauseTop.grey { background: url('/assets/lytebox/pause_grey.png') no-repeat; }
#lbPause.red, #lbPauseTop.red { background: url('/assets/lytebox/pause_red.png') no-repeat; }
#lbPause.green, #lbPauseTop.green { background: url('/assets/lytebox/pause_green.png') no-repeat; }
#lbPause.blue, #lbPauseTop.blue { background: url('/assets/lytebox/pause_blue.png') no-repeat; }
#lbPause.gold, #lbPauseTop.gold { background: url('/assets/lytebox/pause_gold.png') no-repeat; }
#lbPause.orange, #lbPauseTop.orange { background: url('/assets/lytebox/pause_orange.png') no-repeat; }
/* Some extra padding on the bottom buttons so it's not too close to the border. */
#lbClose, #lbPrint, #lbPlay, #lbPause { margin: 0 0 6px 8px; }
/* Lytetip */
* html a:hover { background: transparent; }
.lytetip { outline: none; border-bottom: 1px dotted; z-index:24; text-decoration:none; }
.lytetip span {
color: #000000;
position: absolute;
top: 2em; left:0;
padding: 0.5em 0.8em;
font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif !important;
background: #F4F5FB;
border: 1px solid #888888;
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-webkit-box-shadow: 1px 2px 3px 0px #949494;-moz-box-shadow: 1px 2px 3px 0px #949494;box-shadow: 1px 2px 3px 0px #949494;
width: 240px;
filter: alpha(opacity=95);
KHTMLOpacity: 0.95;
MozOpacity: 0.95;
opacity: 0.95;
text-align: left;
display: none;
}
.lytetip:hover { z-index:25; color: #aaaaff; text-decoration: none; }
.lytetip:hover span { display: block; }
.lytetip:hover em { font-size: 1.2em; font-weight: bold; display: block; padding: 0 0 0.6em 0; }
.lytetip:hover .lbTipImg { border: 0; margin: -20px 0 0 -36px; float: left; position: absolute; height: 32px; width: 32px; }
.lbErrorImg { background: url('/assets/lytebox/error.png'); }
.lbInfoImg { background: url('/assets/lytebox/info.png'); }
.lbHelpImg { background: url('/assets/lytebox/help.png'); }
.lbWarningImg { background: url('/assets/lytebox/warning.png'); }
span.lbCustom { padding: 0.5em 0.8em 0.5em 1.5em !important; }
span.lbIEFix { padding: 0.5em 0.8em !important; }
.lytetip .lbError { background: #FFE7D7; border: 1px solid #FF3334; }
.lytetip .lbInfo, .lytetip .lbHelp { background: #D2EEF7; border: 1px solid #2BB0D7; }
.lytetip .lbWarning { background: #FFFFAA; border: 1px solid #FFAD33; }
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*/