/*
 Project: USC.edu
 Launch date: 8/3/2010
 Authors: Cameron Bates & Tim Wright
------------------------------------*/

/*
	Reset browser defaults
-----------------------------*/
body                       { margin:0;padding:0; }
blockquote:before, 
blockquote:after,
q:before, q:after          { content: "";}
blockquote, q              { quotes: "" "";}
img                        { border:0; }
ul,p,h1,li                 { list-style:none;margin:0;padding:0; }
a:active,
a:focus                    { outline:none; }
h3                         { font-weight:400; }
button,label               { cursor:pointer; }

/*
	General Elements
-----------------------------*/
body                       { font:12px/1.3 Tahoma;background:url(bg_560_s.png) no-repeat; }
a                          { text-decoration:none;overflow:hidden;color: #0066CC; }
a:hover					   { text-decoration:underline; color:#AA572B;}

/*
	Utility classes
-----------------------------*/
.accessibility,
#branding .search-form label{ position:absolute;top:-9999px;left:-9999px;cursor:text; }
.pdf a{ padding-right:19px;background:url(../../../images/icon_pdf.gif) no-repeat right center; }
.hide 					   { display: none; }

/*
	Layout IDs
-----------------------------*/
#wrap                      { width:560px;margin:auto;background:#fff url(../../../images/bg_body.jpg) repeat-y center 0; }
#content                   {
	max-width:540px;
	margin:auto;
	color:#222;
	background:#fff;
	position:relative;
	border:17px solid #fff;
	border-width:0 17px 0;
}
#content h2 {
    font-size: 13px;
}
/*
	Header
*/
#branding                  { height:120px;border-top:1px solid #778899;
/*background:#708090;*/
background-image:url(../../../images/green_bg.png);
position:relative; }
#branding h1 a             { display:block;width:760px;padding:15px 0 25px 15px;line-height:34px; }

/* Popular tab*/
.popular                   { position:absolute;top:60px;right:10px;width:230px;min-height:30px;
								/*border:1px solid #0B2D27;*/
								border-width:0 1px 1px 1px;
                             line-height:20px;color:#fff;
                             /*background:-webkit-gradient(linear,left top,left bottom,color-stop(0, #000000),color-stop(1, #FF9933));
                             background:-moz-linear-gradient(center top,#000000 0%,#FF9933 100%);*/ }
.popular a                 { width:230px;height:20px;color: #CCCCCC;padding-left:45px;background: url(../../../images/r_arrow.png) 10px -13px no-repeat;
                             display:block; }
/*.popular a:hover,
.popular a.open            { padding-top:4px;background-position:10px 20px; }*/

/* Search */
.search-form               { position:absolute;top:0;right:17px;width:212px;height:24px;padding:7px 6px;border:1px solid #0B2D27;border-width:0 1px 1px 0;
                             background:-webkit-gradient(linear,left top,left bottom,color-stop(0, #000000),color-stop(1, #479E8F));
                             background:-moz-linear-gradient(center top,#000000 0%,#479E8F 100%); }

input#search               { display:block;margin:0;padding:0 10px;border:0;height:24px;width:165px;line-height:24px;border-radius:4px;
                             -moz-border-radius:4px;color:#333;background:#fff; }
.search-form button        { position:absolute;top:7px;right:6px;margin:0;padding:0;border:0;display:block;width:23px;height:24px;text-indent:-9999px;
                             background:url(../images/search-submit.png) 0 0 no-repeat; }
#branding .search-form label.positioned {display: block; top: 7px; left: 17px; text-transform: lowercase; line-height: 24px; height: 24px;}
#textBox	{ font-family: "CenturySchoolbookStdRegular","Century Schoolbook","Times New Roman",Times,serif;
    font-weight: normal;
    text-transform: uppercase; background-color:#9F3700; color:#CCCCCC; height:204px; margin-left:2px; margin-top:-2px;}
#textBox h2 { margin-top:0px; padding:10px; padding-top:10px; font-size:18px; }
/*
	Primary Navigation
*/
#nav                       { height:39px;border:1px solid #fff;color:#fff;border-width:1px 0;border-color:rgba(255,255,255,.6);
                             background:rgba(0,0,0,.6);position:relative;z-index:99;font-size:13px; }
#nav li                    { display:inline; }

#nav li a                  { display:block;float:left;margin:0;padding:0 8px 0 16px;background:url(../../../images/arrows.png) 8px -16px no-repeat;
                             line-height:40px;color:#fff; }

#nav li a:hover,
#nav li.active a           { background:#fff url(../images/arrows.png) 6px -50px no-repeat;color: #000;-webkit-transition-property:background-color;
                             -webkit-transition-duration:.3s;transition-property:background-color;transition-duration:.3s; }

#weather                   { position:absolute;top:0;right:0;z-index:99;padding: 0 16px 0 0; }
#weather img               { position:relative;top:8px;margin:0 2px; }

#nav li.about a            { margin-left:7px; }

/*
	Drop down menu
*/
#nav .menu                 { border-right: 1px solid #ccc;border-left:1px solid #ccc;color:#333;background:#fff;background:rgba(255,255,255,.95);
                             position:absolute;width:776px;top:40px;left:0;z-index:99;font-family:Arial,Sans-serif; }
#nav li.active .menu       { display:block; }
#nav .menu:hover           { background:#fff; }
#nav .menu h2              { color:#aaa;font: 400 18px/1.3 Georgia,Times,Serif;border-bottom: 1px solid #ddd;margin:0 15px 0 17px;
                             padding-left: 3px; }
#nav .menu div a           { float:none;background:none;border:0; }
#nav .menu .nav-items      { width:33%;float:left;font-size:14px;padding:15px 0; }
#nav li.academics .menu .nav-items { font-size: 11px; }
#nav .menu .nav-items ul   { padding:0 15px; }
#nav .menu .nav-items li   { display:block; }
#nav .menu .nav-items a    { line-height:1.4;margin:0;padding:5px 5px 4px;float:none;color:#222;height:auto;border-bottom:1px solid #ddd;
                             background:transparent !important; }
#nav .menu .nav-items a:hover { background:#fffaea !important;color:#222;border-bottom:1px solid #ccc; }
#nav li.academics .menu .nav-items a { line-height:1.2; }

#nav li.academics .menu .nav-items a strong { display:block;float:left;width:100px; }
#nav li.academics .menu .nav-items a span { display: block;float:right;width:170px; }

.nav-desc                  { width:33%;float:left;padding:15px 0; }
.nav-desc p                { line-height:1.6;margin:0 15px; }
.nav-desc q                { font-size:14px;font-weight:700;line-height:1.2; }
#nav .nav-desc a{ display:inline;padding:0;color:#900 !important;line-height:inherit; }

#nav .menu .nav-img        { width:31%;float:left;padding:17px 1%; }
#nav .menu .nav-img a      { background:none !important;display:inline;padding:0;margin:0;  }
#nav .menu .nav-img a:hover{ background:none; }
#nav .menu .nav-img img    { display:block; }
#nav .menu .nav-img p      { margin:0;line-height:1.5;color:#666;font-size:11px;padding:5px 0 0;  }

/*
	Main rotating feature
*/
#features                  { position:relative;width:780px;height:300px;margin:0px 0 0; }
.feature                   { width:100%;height:100%;position:absolute;top:0;left:0;background-position:0 0;background-repeat:no-repeat; }
.feature-content           { position:absolute;bottom:20px;left:20px;min-width:290px;max-width:380px; }
.feature-content h2        { background:rgba(145,0,0,.7);color:#fff;font: 400 26px/1.1 Georgia, serif;
                             margin:0;padding:8px 12px;border-bottom:1px solid #fc0;border-bottom: 1px solid rgba(255,204,0,.7); }
.feature-content p         { background:rgba(0,0,0,.7);color:#fff;padding:12px;line-height:1.5; }
.feature-content p a       { color:#fc0; }
.feature-content p a:hover { text-decoration:underline; }
.feature-credit            { position: absolute; bottom: -12px; line-height: 12px; right: 0; color: #a8a8a8; font-size: 9px; }

#features-sub                 { width:780px;margin:0px 0 0; }
.feature-sub                   { width:100%;height:100%;position:absolute;top:0;left:0;background-position:0 0;background-repeat:no-repeat; }
.feature-sub-nav               { width:774px;height:100%;background-repeat:no-repeat; background: url(../../../images/bg_nav.png); padding:10px 2px 8px 5px; }
.feature-sub-content           { position:absolute;bottom:20px;left:20px;min-width:290px;max-width:380px; }
.feature-sub-content h2        { background:rgba(145,0,0,.7);color:#fff;font: 400 26px/1.1 Georgia, serif;
                             margin:0;padding:8px 12px;border-bottom:1px solid #fc0;border-bottom: 1px solid rgba(255,204,0,.7); }
.feature-sub-content p         { background:rgba(0,0,0,.7);color:#fff;padding:12px;line-height:1.5; }
.feature-sub-content p a       { color:#fc0; }
.feature-sub-content p a:hover { text-decoration:underline; }
.feature-sub-credit            { position: absolute; bottom: -12px; line-height: 12px; right: 0; color: #a8a8a8; font-size: 9px; }


#slidenav                  { position:absolute;bottom:20px;right:20px;z-index:50; }
#slidenav li               { display:block;float:left;margin:0 0 0 8px;width:12px;height:12px;border-radius:6px;-moz-border-radius:6px; -webkit-border-radius:6px;
                             background:#fc0;background:rgba(255,204,0,.5);text-indent:-9999px;outline:0;box-shadow:0 0 10px #333;
                             -moz-box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333;cursor:pointer; }
#slidenav li:first-child   { margin-left:0; }
#slidenav li img           { position:absolute;top:-52px;left:-1px;display:none;border:1px solid #fc0;box-shadow:0 0 10px #333;
                             -moz-box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333; }
#slidenav li:hover         { background:#fc0; }
#slidenav li:hover img     { display:block; }
#slidenav li.active        { background:#fff; }
#slidenav li.active:hover img {	display:none; }

/*
	Rotating Content Modules (RCMs)
*/
#rotator                   {
	width:460px;
	height:380px;
	margin:10px 0;
	position:relative;
	padding-bottom:5px;
}
#modules-window	           {
	width:460px;
	height:380px;
	overflow: hidden;
}
#modules                   {
	position:relative;
	width:3000px;
	margin-left:-9px;
}

.module                    {
	position:relative;
	width:235px;
	height:280px;
	float:left;
	line-height:1.5;
	margin:0;
	border-left-width: 1px;
	border-left-style: hidden;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-left-color: #e3e3e3;
}
.explore       				{ position:;width:230px;height:380px;float:left;line-height:1.5;margin:0;padding:0 6px 5px;border-left:1px solid #e3e3e3; }
.module img                { display:block;width:110px;margin:auto;border: 0px solid #666666;}
.module h2                 { font:400 13px/1.1 Tahoma, serif;margin:10px 0 5px;width:226px;margin:10px auto 5px; }
.module h2 a:hover         { color:#500; }
.module p		             { line-height:1.4; margin-left:5px; margin-right:5px;}
.module ul,
#gallerylink               { line-height:1.4;width:226px;margin:0 auto; }
.module .read              {
	background:#fff url(../../../images/sprite.png) 0 0 no-repeat;
	position:absolute;
	bottom:8px;
	left:8px;
	background-image: url(../../../images/sprite.png);
}
.module .read a            { display:block;line-height:30px;width:216px;height:30px;color:#fff;padding:12px 0 0 10px;}
.alert .read a			   { color: #900; }
.module .read a:hover      { color:#ddd;}
.alert .read a:hover	   { color: #000; }
#modules .video a.play 	   { display:block;position:absolute;top:44px;left:95px;width:52px;height:52px;background:transparent url(../../../images/play.png) 0 0 no-repeat; }
#modules .video a.play:hover { background-position:0 -52px; }

/*
	Rotating 3 Content Modules (RCMs)
*/
#rotator3                   { width:780px;height:380px;margin:10px 0;position:relative; }
#modules3-window	           { width:780px;height:380px; overflow: hidden; }
#modules3                   { position:relative;width:785px;margin-left:-9px; }

.module3                    { position:relative;width:230px;height:380px;float:left;line-height:1.5;margin:0;padding:0 6px 5px;border-left:1px solid #e3e3e3; }
.explore3       		{ position:;width:230px;height:380px;float:left;line-height:1.5;margin:0;padding:0 6px 5px;border-left:1px solid #e3e3e3; }
.module3 img                { display:block;width:226px;height:139px;margin:auto;}
.module3 h2                 { font:400 13px/1.1 Tahoma, serif;margin:10px 0 5px;width:226px;margin:10px auto 5px; }
.module3 h2 a:hover         { color:#500; }
.module3 p		             { line-height:1.4; margin-left:5px; margin-right:5px;}
.module3 ul,
#gallerylink3               { line-height:1.4;width:226px;margin:0 auto; }
.module3 .read              { background:#fff url(../images/sprite.png) 0 0 no-repeat;position:absolute;bottom:8px;left:8px; }
.module3 .read a            { display:block;line-height:30px;width:216px;height:30px;color:#fff;padding:12px 0 0 10px;}
.alert3 .read a			   { color: #900; }
.module3 .read a:hover      { color:#ddd;}
.alert3 .read a:hover	   { color: #000; }
#modules3 .video a.play 	   { display:block;position:absolute;top:44px;left:95px;width:52px;height:52px;background:transparent url(../../../images/play.png) 0 0 no-repeat; }
#modules3 .video a.play:hover { background-position:0 -52px; }


.module2                    { position:relative;width:460px;float:left;line-height:1.5;padding:5px 6px 5px; border-bottom:1px dotted #336600;}
.module2 img                { width:120px;height:70px; float:left; padding-right:5px;}
.module2 a                 { font:400 13px/1.1 Tahoma, serif;  }
.module2 h2 a:hover         { color:#500; }
.module2 p,
.module2 ul,
#gallerylink               { line-height:1.4;}
.module2 .read              { background:#fff url(../../../images/sprite.png) 0 0 no-repeat;position:absolute;bottom:8px;left:8px; }
.module2 .read a            { display:block;line-height:30px;width:216px;height:30px;color:#fff;padding:12px 0 0 10px;}
.module2 .read a:hover      { color:#ddd;}
/*.module .news 		{ width:472px; }*/

.news .read                { background-position:0 -42px;color:#fff;}
.alert .read               { background-position:0 0; }
.website .read             { background-position:0 -84px;color:#000;}
.event .read,
.other .read,
.survey .read,
.leadership .read          { background-position:0 -126px; }
.video .read               { background-position:0 -168px; }
.person .read              { background-position:0 -210px; }
.explore h2                { position:absolute;top:0;left:8px;width:221px;height:30px;font:400 18px/30px Georgia, serif;color:#fff;margin:0;
                             padding:0 0 12px 5px;background:url(../../../images/sprite.png) 0 -252px no-repeat; }
.explore h2 a,
.explore h2 a:hover        { color:#fff;display:block; }
.explore li                { color:#fff;border-top:1px solid #525252;padding:0;}
.explore li .whiterec      { color:#000;border-top:1px solid #525252;padding:0;}
.explore li a              { background:#454545;padding:0 0 0 9px;
                             display:block;display:block;line-height:2.4;color:#eee; }
.explore li a .whiterec    { background-color::#FFFFFF;padding:0 0 0 9px;
                             display:block;display:block;line-height:2.4;color:#eee; }
.explore ul                { border-top:1px solid #fff; }
.explore ul .whiterec      { border-top:1px #CCCCCC solid; background-color:#FFFFFF; }
.explore li a:hover        { color:#fff;background-position:6px -24px;background-color:#333;-webkit-transition-property:background-color;
                             -webkit-transition-duration:.3s;transition-property:background-color;transition-duration:.3s;}

/* Temporary explore ad style */
.explore h2                { position:relative;top:2px;left:2px;width:226px;height:32px;margin:0 0 -12px 0;margin-bottom:-1px;
							background:url(../../../images/explore_temp.png) 0 0 no-repeat;
							}
.explore h2 .white			{ background:url(../../../images/explore_white.png) 0 0 no-repeat;
}

.right_explore h2                { position:absolute;top:0;left:8px;width:221px;height:30px;font:400 18px/30px Georgia, serif;color:#fff;margin:0;
                             padding:0 0 12px 5px;background:url(../../../images/sprite.png) 0 -252px no-repeat; }
.right_explore h2 a,
.right_explore h2 a:hover        { color:#fff;display:block; }
.right_explore li                { color:#fff;border-top:1px dotted #525252; padding-left:5px; clear:both;}
.right_explore li a              { /*background:#454545;*/padding:0 0 0 0px;
                             /*line-height:2.7;*/color: #FFFFFF; }
.right_explore ul                { border-top:1px solid #fff; }
.right_explore li a:hover        { color:#fff;background-position:6px -24px;background-color:#333;-webkit-transition-property:background-color;
                             -webkit-transition-duration:.3s;transition-property:background-color;transition-duration:.3s;}
/* Temporary explore ad style */
.right_explore h2                { position:relative;top:2px;left:2px;width:226px;height:32px;margin:0 0 -12px 0;margin-bottom:-1px;
background:url(../../../images/explore_head.png) 0 0 no-repeat;
}
img.alignleft {
    float: left;
    margin-right: 5px;
	margin-top: 5px;
}
img.border {
    border: 3px solid #E1F1F6;
}

.upcomming {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

/* Temporary explore ad style */
.explore h2                { position:relative;top:2px;left:2px;width:226px;height:32px;margin:0 0 -12px 0;margin-bottom:-1px;
background:url(../../../images/explore_temp.png) 0 0 no-repeat;
}

.explore .white			{ background:url(../../../images/explore_white.png) 0 0 no-repeat;
}

.modules-nav a,
.modules-nav-prev a        {
	color:#fff;
	height:32px;
	width:25px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:108px;
	right:-42px;
	background:url(../../../images/sprite.png) no-repeat right -386px;
	z-index:10;
	background-image: url(../../../images/sprite.png);
}
.modules-nav a:hover,
.modules-nav-prev a:hover  { width:75px }
.modules-nav-prev a        { left:-42px;background-position:0 -386px }

#gallerylink               { background:#000;display:block;color:#fff;border-top:1px solid #fff; }
#gallerylink:hover         { background:#222; }
#gallerylink h3            { padding: 0 10px; margin: 0;height: 36px;line-height: 36px; }
#gallerylink p             { padding:0 10px 10px;color:#ccc; }

/*
	Popular Links
*/
#popular-links             { width:770px;height:84px;background:#444; padding:6px 17px 17px;font-size:11px;
                             background:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(36,36,36)),color-stop(0.07, rgb(68,68,68)));
                             background:-moz-linear-gradient(center bottom,rgb(36,36,36) 0%,rgb(68,68,68) 7%); }
#popular-links li          { display:block;float:left;width:60px;height:60px;overflow:visible;padding:0;margin:0 0 0 18px;
                             background:#3f3f3f; }
#popular-links li:hover    { background-color:#333; }
#popular-links li:first-child { margin:0; }
#popular-links a           { display:block;width:60px;background:transparent url(../../../images/popular-icons.png) 5px 4px no-repeat;
                             color:#fff;padding:64px 0 0;text-align:center; }
#popular-links a:hover     { color:#fc0; }
#popular-links a.myusc     { background-position:-73px 5px; }
#popular-links a.webmail   { background-position:-151px 3px; }
#popular-links a.blackboard{ background-position:-229px 3px; }
#popular-links a.oasis     { background-position:-307px 5px; }
#popular-links a.directories  { background-position:-698px 5px; }
#popular-links a.academic  { background-position:-385px 5px;; }
#popular-links a.dailytrojan { background-position:-777px 5px; }
#popular-links a.maps      { background-position:-855px 6px; }
#popular-links a.otis      { background-position:-620px 5px; }
#popular-links a.soc       { background-position:-541px 5px; }
#popular-links a.registration { background-position:-461px 4px; }
#popular-links a.switch    { display:block;width:0;height:92px;top:0;right:780px;background:url(../../../images/sprite.png) left -294px no-repeat;
                             color:red;text-indent:-9999px;padding:0;margin:0;position:absolute; }
#popular-links a.switch.open { background-position: -25px -294px; }
/*
	News
*/
#news-wrapper { width:780px; margin:auto;}
.news_show{ width:720px;}
/*
	Footer & Site info
*/
#footer                    { width:780px;overflow:hidden;margin:auto;padding:0 17px;color:#fff;border-top:3px solid #1d3d73;position:relative;
                             background:#444;
                             background:-webkit-gradient(linear, left bottom, left top, color-stop(0.2, rgb(68,68,68)), color-stop(0.97, rgb(115,115,115)), color-stop(1, rgb(95,95,95)));
                             background:-moz-linear-gradient(center bottom, rgb(68,68,68) 20%, rgb(115,115,115) 97%, rgb(95,95,95) 100%); }
#footer .box               { width:226px;float:left;padding:0 0 17px 0;margin:0 0 0 16px }

#footer .tommycam			{ position:relative; }
#footer .social          	{ position:relative; margin:0px; }
#footer .box .gallery      { width:226px;float:left;padding:0 0 57px 0;margin:0 0 0 16px; position:relative; }
#footer h3                 { margin:0;color:#fff;font:400 24px/2.5 Georgia,serif; }

#footer #tommycam img      { display:block;border:1px solid #333; }
#footer .box li,
#footer .box p             { color:#fff; }
#footer .box p             { position:absolute;top:194px;left:1px;width:216px;line-height:26px;background:#000;background:rgba(0,0,0,.5);
                             padding:0 0 0 10px; }
#footer li                 { margin:0 0 1px 0; font-size:11px; }
#footer li a               { line-height:40px;padding-left:20px;background:url(../../../images/arrows.png) 11px -17px no-repeat;
                             background-color:#4c4c4c;color:#fff;display:block; }
#footer .social li a       { padding-left:40px;background:#4c4c4c url(../../../images/social-icons.png) 7px 4px no-repeat; }
#footer .social li a.youtube{ background-position:4px 5px; }
#footer .social li a.twitter{ background-position:4px -34px; }
#footer .social li a.facebook{ background-position:4px -73px; }
#footer .social li a.itunes{ background-position:4px -112px; }
#footer .box li a:hover,
#footer .social li a:hover { background-color:#343434;background-color: rgba(0,0,0,.35);-webkit-transition-property:background-color;
                             -webkit-transition-duration:.3s;transition-property:background-color;transition-duration:.3s; }

#footer .audience,
#footer .social,
#footer .misc              { position:relative;top:0px; }

#site-info                 { background-color: #FFFFFF;color: #666666; margin: auto; overflow: hidden; padding: 0 17px; position: relative; width: 780px; }
#site-info ul              { float:left;width:226px; padding:20px 0 20px 17px; }
#site-info ul:first-child  { padding-left:0; }
#site-info ul.credit       { width:468px; }
#site-info li              { padding:0;line-height:1.4 }
#site-info a               { color: #335D9F; }
#site-info a:hover         { color: #003399; }
.dot_bottom					{ border-bottom:1px #999999 dotted;}

/*
	Small screens
*/
@media only screen  and (max-width: 400px), only screen and (max-device-width: 400px) {

	/* put mobile styles in here */
	
}

.cnnWCBox {
}
.cnnMostPopularTabsBg {
    background: url("../../../images/popular_right_tab.gif") no-repeat scroll right top #FFFFFF;
    border-bottom: 1px solid #E7E7E7;
    height: 47px;
    overflow: hidden;
    width: 730px;
}
#cnnHeaderContent, #cnnContentContainer, #cnnContainer {
    text-align: left;
}
#cnnMostPopularTabs a.cnnMostPopularTabFirstOn1 {
	background-color:#E7E7E7;
	border-top:2px #006666 solid;
    /*border: medium none;*/
	color:#006666;
    padding: 18px 10px 18px 10px;
}
#cnnMostPopularTabs a.cnnMostPopularTabFirstOn2 {
	background-color:#E7E7E7;
	border-top:2px #FF8C00 solid;
    /*border: medium none;*/
	color:#006666;
    padding: 18px 10px 18px 10px;
}
#cnnMostPopularTabs a.cnnMostPopularTabFirstOn3 {
	background-color:#E7E7E7;
	border-top:2px #FFD700 solid;
    color: #006666;
    padding: 18px 10px 18px 10px;
}
#cnnMostPopularTabs a.cnnMostPopularTabFirstOn4 {
	background-color:#E7E7E7;
	border-top:2px #9370DB solid;
    color: #006666;
    padding: 18px 10px 18px 10px;
}
#cnnMostPopularTabs a.cnnMostPopularTabFirstOn5 {
	background-color:#E7E7E7;
	border-top:2px #228B22 solid;
    color: #006666;
    padding: 18px 10px 18px 10px;
}
#cnnMostPopularTabs a.cnnMostPopularTabFirstOn7 {
	background-color:#E7E7E7;
	border-top:2px #4F94CD solid;
    color: #006666;
    padding: 18px 10px 18px 10px;
}
#cnnMostPopularTabs a.cnnMostPopularTabFirstOn6 {
	background-color:#E7E7E7;
	border-top:2px #8B1A1A solid;
    color: #006666;
    padding: 18px 10px 18px 10px;
}
#cnnMostPopularTabs a:hover {
    background-color: #CCCCCC;
    color: #FFFFFF;
}
#cnnMostPopularTabs a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E7E7E7;
    border-left: 1px solid #E7E7E7;
    color: #006666;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 11px;
    overflow: hidden;
    padding: 18px 10px 18px 10px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.cnnMostPopularTabNull {
    border-left: 1px solid #E7E7E7;
}
.cnnWCBoxContent {
    background: none repeat scroll 0 0 #FFFFFF;
}
.cnnPad9Top {
    padding-top: 9px;
}
#cnnMostPopularItem {
    background: url("../../../images/popular_item_bg.gif") no-repeat scroll left top #FFFFFF;
    margin: 9px 18px 0;
    width: 700px;
}
#cnnMostPopularItem table {
    height: 97px;
	width: 700px;
    margin: 0;
    padding: 0;
}
#cnnMostPopularItem table td {
    margin: 0;
    padding: 0;
    vertical-align: top;
}
#cnnMostPopularItem .cnnMostPopularNumber {
    color: #CFCFCF;
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    padding-top: 24px;
    text-align: center;
	width:80px;
}
#cnnMostPopularItem table td {
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.cnnMostPopularTimeTools {
    height: 28px;
}
#cnnMostPopularItem .cnnStoryTools {
    float: right;
    padding: 7px 7px 0 0;
	width: 210px;
}
.cnnStoryTools ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.cnnStoryTools ul li {
    float: left;
    margin-left: 6px;
}
div.cnnEmbeddShare {
    display: inline;
}
.cnnOverlayMenuContainer {
    height: 0;
    position: relative;
    width: 0;
    z-index: 1;
}
.cnnShareThisBox {
    width: 138px;
}
#cnnMostPopularItem .cnnTimestamp {
    color: #006666;
    font-size: 10px;
    font-weight: bold;
    padding: 7px;
}
.cnnShareBoxHeader {
    background: none repeat scroll 0 0 transparent;
    height: 9px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.cnnShareBoxHeader .cnnShareBoxHeaderTL {
    background: url("../../../images/shdw_TL.png") no-repeat scroll 0 0 transparent;
    height: 9px;
    margin-right: 9px;
}
.cnnShareBoxHeader .cnnShareBoxHeaderTR {
    background: url("../../../images/shdw_TR.png") no-repeat scroll 0 0 transparent;
    height: 9px;
    position: absolute;
    right: 0;
    top: 0;
    width: 9px;
}
.cnnShareBoxContent {
    background: url("../../../images/shdw_center.png") repeat scroll 0 0 transparent;
    overflow: hidden;
    width: 100%;
}
.cnnMostPopularContent {
    height: 50px;
    padding: 6px 9px 9px;
	width:450px;
}
.cnnShareBoxContent .cnnShareContent {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CBCBCB;
    margin: 0 9px;
}
#cnnShareThisContent {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 9px 9px 3px 8px;
}
.cnnEmbeddShare .cnnShareThisTitle {
    position: relative;
}
.cnnEmbeddShare .cnnShareThisTitle a {
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}
.cnnShareThisTitle img {
    float: right;
}
#cnnShareThisContent .cnnShareThisTitle h6 {
    color: #949494;
    font-size: 10px;
    margin: 0;
    padding: 0 0 9px;
}
.cnnShareThisItem {
    padding: 0 0 9px;
}
.cnnEmbeddShare .cnnShareThisItem a {
    color: #004276;
}
.cnnShareThisItem a.cnnShareMixx, .cnnShareThisItem a.cnnShareMixx:hover {
    background-position: 0 2px;
}
.cnnShareThisItem a, .cnnEmbeddShare .cnnShareThisItem a, .cnnEmbeddShare .cnnShareThisItem a:hover {
    background: url("../../../images/share_sprite_2.gif") no-repeat scroll 0 2px transparent;
    display: block;
    padding: 3px 0 4px 25px;
}
.cnnShareBoxFooter {
    background: none repeat scroll 0 0 transparent;
    height: 9px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.cnnShareBoxFooter .cnnShareBoxFooterBL {
    background: url("../../../images/shdw_BL.png") no-repeat scroll 0 0 transparent;
    height: 9px;
    margin-right: 9px;
}
.cnnShareBoxFooter .cnnShareBoxFooterBR {
    background: url("../../../images/shdw_BR.png") no-repeat scroll 0 0 transparent;
    height: 9px;
    position: absolute;
    right: 0;
    top: 0;
    width: 9px;
}
.banner1 img
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.banner1 img:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
/* gallery */
.leftgal {float: lett;width: 170px;margin: 0 6px 5px 0; padding:10px;}
.middle { float:left;width: 250px;margin: 0 6px 5px 0; padding:10px;}
.middlegal { float:left;width: 200px;margin: 0 6px 5px 0; padding:5px;}
.rightgal {float: right;width: 680px;margin: 0 6px 5px 0; padding:0px;}
.rightgalall {float: right;width: 850px;margin: 0 6px 5px 0; padding:10px;}
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #c5c5c5;background:none;}
.thumbs img:hover{border:2px solid #93820E; background:none;}
.topic { font-weight:bold; padding-left:5px; color:#93820E;}
.splitpage { float:left; padding:10px; width:20px; height:20px; border:1px solid #BCD0ED; background-color:#FFFFFF;}
.splitpage-selected { float:left; padding:10px; width:20px; border:1px solid #BCD0ED; background-color:#BCD0ED; height:20px;}
.splitpage:hover { background-color:#CCE9FD; cursor:pointer; }
/*.bg_gray { border:1px solid #93820E; margin:2px; padding:0px; background:#FFFFFF; }*/
.bg_gray_2 { border:1px solid #93820E; margin:2px; padding:0px; background:#FFFFFF; }
.bg_gray_3 { border:1px solid #93820E; margin:0px; padding:0px; background:#EEEED1; }
.bg_gray_4 { border:1px solid #93820E; margin:0px; padding:0px; background:#FFFFE0; }
.bg_gray_5 { border:1px solid #93820E; margin:0px; padding:0px; background:#EEE0E5; }
.bg_gray_6 { border:1px solid #93820E; margin:0px; padding:0px; background:#FFF0F5; }

#left_course .box li,
#left_course .box p             { color:#2F4F4F; }
#left_course .box p             { position:absolute;top:194px;left:1px;width:216px;line-height:26px;background:#000;background:rgba(0,0,0,.5);
                             padding:0 0 0 10px; }
#left_course li                 { margin:0 0 1px 0; }
#left_course li a               { line-height:40px;padding-left:20px;
                             background-color: #255F6A;color: #CCCCCC;display:block; border-right:1px #FFFFFF solid; }
							 
#left_course2 .box li,
#left_course2 .box p             { color:#2F4F4F; }
#left_course2 .box p             { position:absolute;top:194px;left:1px;width:216px;line-height:26px;background:#000;background:rgba(0,0,0,.5);
                             padding:0 0 0 10px; }
#left_course2 li                 { margin:0 0 1px 0;  }
#left_course2 li a               { line-height:40px;padding-left:20px;
                             background-color: #CCCCCC;color: #333333;display:block; border-right:1px #FFFFFF solid;
							 background: url("../../../images/arrows.png") no-repeat scroll 11px -17px #CCCCCC;
							  }
							 
.title1		{padding-left:10px;}
.title2 {
    color: #535353;
    font-family: Tahoma;
    font-size: 9pt;
	color:#006C51;
    font-weight: normal;
}
.content	{padding-left:10px;}
/*  idTabs ~ Sean Catchpole  */

h2.leftfor {
    background: url("../../../images/course/topic_hc.png") no-repeat scroll 0 0 transparent;
    height: 45px;
    right: 1px;
    margin: 0 0 -1px;
    position: relative;
    left: 0px;
    width: 199px;
}

h2.leftfor2 {
    background: url("../../../images/topic_under.png") no-repeat scroll 0 0 transparen  margin: 0 0 -1px;
    position: relative;
    left: 0px;
    width: 300px;
}
h2.leftfor5 {
    background: url("../../../images/head_social.png") no-repeat scroll 0 0 transparent;
    height: 45px;
    right: 1px;
    margin: 0 0 -1px;
    position: relative;
    left: 0px;
    width: 300px;
}
h2.leftfor6 {
    background: url("../../../images/topic_qa.png") no-repeat scroll 0 0 transparent;
    height: 45px;
    right: 1px;
    margin: 0 0 -1px;
    position: relative;
    left: 0px;
    width: 300px;
}

/* Style for Usual tabs */
.usual {
  background: #2F4F4F;
  color:#111;
  padding:0px;
  width:730px;
  border:1px solid #2F4F4F;
  margin:0px auto;
  margin-bottom:10px;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:12px tahoma;
  color:#FFF;
  background: #2E8B57;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  }
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:snow;
  font:10pt Georgia;
}
.usual div a { color:#000; font-weight:bold; }

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }

/* Style for various uses of tabs */

#freedom {
  float:left;
  width:90px;
  color:#68D;
  font:1.3em Cambria, Times New Roman, serif;
  font-style:italic;
}
#freedom li a {
  width:80px;
  text-align:left;
  padding:2px 6px 4px;
  background:#222;
  margin:1px;
  *margin:0px;
  display:block;
  text-decoration:none;
  font-weight:bold;
  font-size:0.7em;
  font-style:normal;
}
#freedom li a:hover {
  background:#0A0A0A;
  width:86px;
}
#freedom li a.selected {
  background:#FFF;
  color:#000;
  width:90px;
  cursor:default;
}

.tabContainer {
  width:400px;
  margin:20px auto;
  padding-top:2px;
  background:#181818;
  border:1px solid #222;
}
.tabContainer h3 {
  padding-bottom:4px;
  color:#F60;
}
.tabContainer p {
  padding:2px 12px 10px;
  text-align:left;
}

#three {
  position:absolute;
  top:0;
  left:0;
  border-bottom:1px solid #444;
  border-right:1px solid #444;
}

#four {
  color:#D66;
  font:2em Cambria, Times New Roman, serif;
  position:fixed;
  bottom:10px;
  right:20px;
}

.imagebox {
  background:#040404;
  border:1px solid #1A1A1A;
  width:100px;
  height:90px;
  margin:10px auto;
}
.imagebox a {
  display:block;
  width:25px;
  height:25px;
  line-height:23px;
  float:left;
  text-decoration:none;
  background:#111;
}
.imagebox a:hover { background:#000; }
.imagebox a.selected {
  background:snow;
  color:#222;
  font-weight:bold;
}
.imagebox img { margin-top:6px; clear:both; }


/* Styles for Advanced Section */

#adv2 {
  width:500px;
  margin:6px auto;
  background:#181818;
}
#adv2 ul {
 display:block;
 width:50px;
 height:50px;
 float:left;
}
#adv2 li { float:left; }
#adv2 li.split { clear:both; }
#adv2 li a {
  display:block;
  height:25px;
  width:25px;
  line-height:22px;
  text-decoration:none;
  background:#222;
}
#adv2 li a:hover {
  background:#0A0A0A;
}
#adv2 li a.selected {
  background:snow;
  color:#111;
  font-weight:bold;
}

#adv2 span {
  height:50px;
  display:block;
  line-height:45px;
  width:450px;
  float:right;
  background:#181818;
}

#adv3 a {
  color:snow;
  font-size:2em;
  font-weight:bold;
  text-decoration:none;
  margin:6px;
}
#adv3 a:hover { color:#68D; }
#adv3 p {
  color:#888;
  margin:5px;
  font-style:italic; 
}
#adv3 p a {
  margin:0;
  color:#CCC;
  font-size:1em;
  font-weight:bold;
  text-decoration:underline;
}
#adv3 p a:hover { color:#FFF; }

#message {
  margin:10px auto;
  border:6px solid #222;
  width:240px;
  height:40px;
  background:#0D0D0D;
  font-size:1.3em;
  line-height:2em;
  color:#FC4;
}
.anno1 { background:url('../../../images/bg_left_vlong1.png') no-repeat ; background-color:#003224;}
.anno2 { background:url('../../../images/bg_left_vlong2.png') no-repeat ; background-color:#ffa500;}
.anno3 { background:url('../../../images/bg_left_vlong3.png') no-repeat ; background-color:#d6de00;}
.anno4 { background:url('../../../images/bg_left_vlong4.png') no-repeat ; background-color:#22004b;}
.anno5 { background:url('../../../images/bg_left_vlong5.png') no-repeat ; background-color:#0f8200;}
.anno6 { background:url('../../../images/bg_left_vlong6.png') no-repeat ; background-color:#780000;}
.anno7 { background:url('../../../images/bg_left_vlong7.png') no-repeat ; background-color:#004d56;}
.anno8 { background:url('../../../images/bg_left_vlong5.png') no-repeat ; background-color:#0f8200;}
.anno9 { background:url('../../../images/bg_left_vlong9.png') no-repeat ; background-color:#444444;}