body {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000;}
h1 {font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; text-transform:uppercase;}
h2 {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:left;}
h3 {font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0;}
h4 {font:11px Verdana, Arial, Helvetica, sans-serif; color:#000; padding-right:5px; padding-left:5px;}
h5 {font:10px Verdana, Arial, Helvetica, sans-serif; color:#000; padding-right:5px; padding-left:5px;}
h6 {font:9px Verdana, Arial, Helvetica, sans-serif; color:#000; padding-right:5px; padding-left:5px;}
p {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000;}
hr {width:100%; height:1px; border:0; background-color:#000; margin:5px auto 5px auto;}

.search {float:left; width:100%; margin-bottom:4px; padding:3px 0px; background:#e2e2e2; border:solid 1px #000;}
.midbox {width:287px; margin:5px auto; padding:3px; border:#000 solid 1px; float:left;}
.midbox .pagetitle {margin:0px;}
.midbox h2 {font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#ec008c; text-decoration:none; padding:0; margin:0; text-align:left; clear:both;}
.midbox h5 {font:10px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:0; margin:0;}
.pagetitle {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#171b31; margin-bottom:0; text-align:left;}
#maincontent {width:900px; float:left; border-left:1px solid #000; border-right:1px solid #000;}
#leftcontent {width:768px; float:left; vertical-align:top; border-right:1px solid #000;}
#leftpanel {float:left; width:450px; vertical-align:top; padding:5px; border-right:1px solid #000;}
#rightpanel {float:left; width:295px; vertical-align:top; padding:5px 5px 5px 6px; border-left:1px solid #000; margin-left:-1px;}
#bannercontent {width:131px; float:right; vertical-align:top; margin-left:-1px; padding-top:5px; text-align:center; border-left:1px solid #000;}
#headerlogo {float:left; width:430px; text-align:center; margin:4px 0px;}
#topright {float:right; width:468px; text-align:center; margin:4px 0px;}

.videop {background:#000;}
.videop h1 {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#ec008c; text-decoration:none; padding:10px 0; margin:0; clear:both;}
.videop h2 {font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#ec008c; text-decoration:none; padding:0; margin:0; text-align:left; clear:both;}
.videop h3 {font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0;}
.videop h4 {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0;}
.videop h5 {font:10px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0;}
.videop h6 {font:9px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:10px; width:175px; margin:0px;}
.videop p {font:12px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.videop hr {width:98%; height:1px; border:0; background-color:#000; margin:5px auto 5px 5px;}
.videop input {font:10px Verdana, Arial, Helvetica, sans-serif; color:#fff; border:1px solid #fff;}
.videop textarea {font:10px Verdana, Arial, Helvetica, sans-serif; color:#fff; border:1px solid #fff;}
.videop li {font:12px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.videop .embed {width:100%; height:80px; overflow:auto; background:#000; color:#fff; white-space:nowrap;}
.videop .search {float:left; width:100%; padding:3px 0px 3px 0px; background:#e2e2e2; border:1px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.videop #maincontent {width:900px; float:left; border:1px solid #999999;}
.videop #leftcontent {width:768px; float:left; vertical-align:top; border-right:1px solid #999999;}
.videop #rightpanel {float:left; width:295px; vertical-align:top; padding:5px 5px 5px 6px; border-left:1px solid #999999; margin-left:-1px;}
.videop #bannercontent {width:131px; float:right; vertical-align:top; margin-left:-1px; padding-top:5px; text-align:center; border-left:1px solid #999999;}
.videop #headerlogo {float:left; width:430px; text-align:center; margin:4px 0px; color:#fff;}
.videop select {color:#fff; background:#000;}
.videop input {color:#000; background:#fff;}

.videogrid {width:195px; height:165px; margin:10px; background:#161613; overflow:hidden; position:relative; border:2px solid #999999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.videogrid a, .videogrid a:visited {text-decoration:none;}
.videogrid a:hover {text-decoration:none;}
.videogrid a:active {text-decoration:none;}

.videocaption {float:left; position:absolute; background:#282828; color:White; width:100%; opacity:.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .videocaption {top:-500px; left:0;}
.caption .videocaption {top:220px; left:0;}

/* tab theme */
.videop .ajax__tab_xp .ajax__tab_header {font:bold 9px Verdana, Arial, Helvetica, sans-serif; height:21px;}
.videop .ajax__tab_xp .ajax__tab_outer {padding-right:4px; margin:0px; background:url(./images/tabs/tab-right.gif) no-repeat right; height:21px;}
.videop .ajax__tab_xp .ajax__tab_inner {padding-left:3px; background:url(./images/tabs/tab-left.gif) no-repeat;}
.videop .ajax__tab_xp .ajax__tab_tab {height:13px; padding:4px; margin:0; background:url(./images/tabs/tab.gif) repeat-x; color:#fff;}
.videop .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {cursor:pointer; background:url(./images/tabs/tab-right.gif) no-repeat right;}
.videop .ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {cursor:pointer; background:url(./images/tabs/tab-left.gif) no-repeat;}
.videop .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {cursor:pointer; background:url(./images/tabs/tab.gif) repeat-x; color:#ec008c;}
.videop .ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(./images/tabs/tab-active-right.gif) no-repeat right;}
.videop .ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(./images/tabs/tab-active-left.gif) no-repeat;}
.videop .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(./images/tabs/tab-active.gif) repeat-x; color:#ec008c;}
.videop .ajax__tab_xp .ajax__tab_body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; border:1px solid #999999; border-top:0; padding:8px; background-color:#000;}

/* alternative? 
.videop .ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;background:url(./images/tabs/tab-line.gif) repeat-x bottom; padding:0; margin:0}
.videop .ajax__tab_xp .ajax__tab_outer {height:2em;padding-right:4px;background:url(./images/tabs/tab-right.gif) no-repeat right top;}
.videop .ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(./images/tabs/tab-left.gif) no-repeat;}
.videop .ajax__tab_xp .ajax__tab_tab {height:2em;line-height:1.8em;padding:0 4px;margin:0!important;background:url(./images/tabs/tab.gif) repeat-x;}
.videop .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(./images/tabs/tab-hover-right.gif) no-repeat right top;}
.videop .ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(./images/tabs/tab-hover-left.gif) no-repeat;}
.videop .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(./images/tabs/tab-hover.gif) repeat-x;}
.videop .ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(./images/tabs/tab-active-right.gif) no-repeat right top;}
.videop .ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(./images/tabs/tab-active-left.gif) no-repeat;}
.videop .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(./images/tabs/tab-active.gif) repeat-x;}
.videop .ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;border:1px solid #A3CEE0;border-top:0;padding:8px;background-color:#fff;}
*/


/* scrollable feature */
.scrollable {position:relative; overflow:hidden; height:466px; width:280px;}
.scrollable .items {position:relative; height:20000px;}
.vertical {position:relative; overflow:hidden; height:466px; width:280px;}
.items {position:relative; height:20000px; margin:5px 0 0 0;}
.item {border-top:1px solid #a2a2a2; margin:0; padding:5px 0; height:104px;}
.actions {width:280px;}
.actions a {font-size:11px; cursor:pointer; color:#ec008c;}
.actions a:hover {text-decoration:underline; color:#ec008c;}
.disabled {visibility:hidden;}
.next {float:right;}

h3.headline {font:bold 19px sans-serif; color:#000; margin:0;}

.form {font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
.footer {font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}

.external {font:bold 10px Arial, Verdana, Helvetica, sans-serif; color:#000; width:33%; text-align:center; float:left; text-decoration:none;}
.external a, .external a:visited {font:bold 10px Arial, Verdana, Helvetica, sans-serif; color:#000; text-decoration:none;}
.external a:hover {font:bold 10px Arial, Verdana, Helvetica, sans-serif; color:#ec008c; text-decoration:none;}
.external a:active {font:bold 10px Arial, Verdana, Helvetica, sans-serif; color:#000; text-decoration:none;}

a.menu, a.menu:visited {font:12px normal; line-height:normal; color:#000; text-decoration:none; white-space:nowrap;}
a.menu:hover {font:12px normal; line-height:normal; color:#ec008c; text-decoration:underline; white-space:nowrap;}
a.menu:active {font:12px normal; line-height:normal; color:#000; text-decoration:none; white-space:nowrap;}

a.fullstory, a.fullstory:visited {font:bold 9px Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#ec008c; text-decoration:none;}
a.fullstory:hover {font:bold 9px Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#ec008c; text-decoration:underline;}
a.fullstory:active {font:bold 9px Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#ec008c; text-decoration:none;}
a.choice, a.choice:visited {font:Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#ec008c; text-decoration:none; border:solid 1px #fff; width:32%; height:120px; text-align:center; float:left; padding-top:5px; margin-bottom:10px;}
a.choice:hover {font:Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#ec008c; text-decoration:none; border:solid 1px #000; width:32%; height:120px; text-align:center; float:left; margin-bottom:10px;}
a.choice:active {font:Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#ec008c; text-decoration:none; border:solid 1px #fff; width:32%; height:120px; text-align:center; float:left; padding-top:5px; margin-bottom:10px;}

a, a:visited {font:Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#ec008c; text-decoration:none;}
a:hover {font:Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#ec008c; text-decoration:underline;}
a:active {font:Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#ec008c; text-decoration:none;}

span.videoicon {background:#000; color:#fff; font-weight:bold; font-size:9px; text-align:center; padding:2px 5px; margin-left:10px; text-decoration:none;}

.printhide {}
.maincontent {width:900px;}

#navcontainer {margin:0px auto; clear:both; position:relative; padding:0; width:900px;}
#menubar {z-index:4; margin:0; padding:0 0 13px 0; width:900px; height:10px; background:#000; border:1px solid #000;}
#menubar ul {padding:0; margin:0;}
#menubar li {float:left; list-style:none; list-style-type:none; margin:0; padding:0; display:block;}
#menubar a {font:12px Verdana, Arial, Helvetica, sans-serif; height:13px; display:block; margin:0; padding:3px 13px 7px 12px; text-align:center; text-decoration:none; border-right:1px solid #404355; background:#000; color:#fff; cursor:pointer;}
#menubar a:hover, #menubar a.menuon, body#lt #menuoptiontech a, body#fa #menuoptionfeat a, body#cs #menuoptioncase a, body#tr #menuoptionjobs a, body#lt #menuoptioneven a, body#sm #menuoptionsubs a, body#sm #menuoptionsite a {font:12px Verdana, Arial, Helvetica, sans-serif; height:13px; display:block; margin:0; padding:3px 13px 7px 12px; text-align:center; text-decoration:none; border:none; border-right:1px solid #404355; background:#000; color:#ec008c; cursor:pointer;}

.videop #menubar {z-index:4; margin:0; padding:0 0 13px 0; width:900px; height:10px; background:#000; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999;}

#submenu {z-index:5; width:900px; background:#fff; text-align:center; margin:0; color:#000; border:1px solid #000; border-top:none;}
#submenu ul {margin:0 0 0 -1px; padding:0; list-style:none; white-space:nowrap; text-align:left; display:inline-block; background:#fff;}
#submenu li {margin:0; padding:0; list-style:none; background:#fff;}
#submenu li {display:inline-block; display:inline;}
#submenu ul ul {position:absolute; left:-9999px; background:#fff; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; z-index:4;}
#submenu ul.level1 {display:table; margin:0 0;}
#submenu ul.level1 li.level1-li {float:left; display:block; position:relative;}
#submenu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#submenu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:25px; text-decoration:none; padding:0 10px;}
#submenu ul.level1 li.level1-li a.level1-a {float:left;}
#submenu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#submenu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#submenu a:hover ul {left:0; top:23px;}
#submenu a:hover a:hover ul, 
#submenu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#submenu a:hover ul ul, 
#submenu a:hover a:hover ul ul {left:-9999px;}
#submenu li a:hover {color:#ec008c; white-space:nowrap;} 
#submenu li:hover {color:#ec008c; white-space:nowrap;}
#submenu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#submenu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}


#xbox {background:transparent; margin:1px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:white; border-left:1px solid blue; border-right:1px solid blue;}
.xb1 {margin:0px 5px; background:blue;}
.xb2 {margin:0px 3px; border-width:0px 2px;}
.xb3 {margin:0px 2px;}
.xb4 {height:2px; margin:0px 1px;}
.xboxcontent {display:block; background:white; border:0px solid blue; border-width:0px 1px; padding:5px;}

#sfbox {background-color:white;}
.sftop, .sfbottom {display:block; background:transparent; font-size:1px;}
.sfb1, .sfb2, .sfb3, .sfb4 {display:block; overflow:hidden;}
.sfb1, .sfb2, .sfb3 {height:1px;}
.sfb2, .sfb3, .sfb4 {background:#c2dafa; border-left:1px solid blue; border-right:1px solid blue;}
.sfb1 {margin:0px 5px; background:blue;}
.sfb2 {margin:0px 3px; border-width:0px 2px;}
.sfb3 {margin:0px 2px;}
.sfb4 {height:2px; margin:0px 1px;}
.sfboxcontent {display:block; background:#c2dafa; border:0px solid blue; border-width:0px 1px; padding:5px;}