@charset "utf-8";
/* Global.css
   Place stylesheet definitions in here for elements/widgets which
   will be displayed on all pages sitewide.   
*/

.ad_spacer {
	float: left;
	height: 35px;
	width: 300px;
}

.ad_spacer_small {
	float: left;
	height: 10px;
	width: 300px;
}

/* needs to be here due to Ektron Bug */
.EktronAjaxLoading
{
    display: none;
}

.footer {
	padding: 10px 0px 10px 0px;
	float: left;
	height: 225px;
	width: 235px;
	line-height: 14px;
	color: #666;
	font-size: 11px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	display:inline;
}

.footer a:link
{
	color:#666;
	text-decoration: none;	
}
.footer a:visited
{
	color:#666;
	text-decoration: none;	
}
.footer a:hover
{
	color:#444;
	text-decoration: underline;
	
}

.read_more {
	width: 100px;
	float: right;
	margin-top: 6px;
	font-weight:bold;
	font-size: 8pt;
	margin-right: 15px;
	text-align:right;
	display: inline;
}

.storyimgtbl
{
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 10px;
    background-color: #eee;
}

.headers_portal {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003;
}

#search_buzz {
	width: 150px;
	height: 18px;
	float: left;
	margin-right: 5px;
}

#search_buzz #s {
	float: left;
	padding: 0;
	border: 0;
	width: 145px;
	background: none;
	margin-top: 0px;
	margin-left: 2px;
	height: 15px;
}

#search_compass {
	height: 18px;
	float: left;
	margin-top:1px;
}

#search_compass #comp_s {
	margin-top:0px;
	float: left;
	padding: 0;
	border: 0;
	width: 175px;
	background: none;
	margin-left: 2px;
	height: 17px;
}

#infobar
{
	background-image:url(/images/bg_infobar2.jpg);
	width: 680px;
	float: left;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 15px 0px 5px;
	display: inline;
	height: 40px;
	background-repeat: no-repeat;

}

.infobar_text
{
	width:250px;
	float: left;
	margin-left: 5px;
}

/* Sidebar Related Content / Top Stories */

.bullet_list
{
	list-style: square;
	font-size: 12px;
	color: #036;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	line-height:16px;
}

.list_related
{
	width: 175px;
	float: left;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;	
}

.list_related_bullet
{
    width: 5px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    display:inline;
}

.list_related_footer
{
	width: 180px;
	display: inline;
	float: left;
	margin-left: 5px;
	height: 2px;
	border-bottom: 1px solid #fff;
	margin-bottom: 3px;
	margin-top:3px;
}

.sidebar_left_bottom {

	width:195px;
	height:27px;
	background-image:url(/images/sidebar_bottom.gif);
	
}

.header_image
{
	margin-bottom: 5px;
	text-align: center;
}

.RelatedContent
{
    margin-bottom: 10px;
}

/* Social bar */

#socialbar
{
    float: right;
    width: 315px;
    height:21px;
    margin-top: 10px;
    text-align: right;
    padding:3px;
}

/* Comments Widget */

#CommentHolder
{
    float: left;
    width: 480px;
}

.StoryComment
{
    font-size: 9pt;
    clear: both;
    border-bottom: dotted 1px #ccc;
    line-height: 1.3em;
    width: 100%;
    float: left;
}

.commentsNote
{
    width:370px;
	height: 55px;
	background-image:url(/images/comment_note_bg.jpg);
	padding-left: 70px;
	padding-right:15px;
	padding-top: 5px;
	margin-top: 10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	
}

.commentsSuccessNote
{
    width:370px;
	height: 55px;
	background-image:url(/images/comment_note_bg_check.jpg);
	padding-left: 70px;
	padding-right:15px;
	padding-top: 5px;
	margin-top: 10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.commentSpinner
{
    float: left;
    margin-top: 15px;
    font-size: 8pt;
    color: #777;
    width: 275px;
    display: none;
}

.commentSpinner img
{
    width: 16px;
    height: 16px;
}

.commentErrorLabel
{
    font-weight: bold;
    color: #c00;
    margin: 5px 0px 5px 0px;
}

.commentFormLabel
{
    margin-top: 8px;
    width: 150px;
    float: left;
    font-weight: bold;
}

.commentFormElement
{
    margin-top: 8px;
    width: 300px;
    float: left;
    margin-left: 5px;
    clear: right;
}

.commentFormButton
{
    margin-top: 15px;
    width: 175px;
    float: left;
}

.commentFormDivider
{
    width: 480px;
    height: 1px;
    background-color: #ccc;
    float: left;
    margin: 15px 0px 10px 0px;
	overflow: hidden;
}

.commentUserAvatar
{
    float: left;
    width: 58px;
    height: 58px;
    margin-top: 10px;
    border: solid 1px #ccc;
    overflow: hidden;
}

.commentUserAvatar img
{
    width: 58px;
    height: 58px;
}

.commentUserBlock
{
    width: 400px;
    float: left;
    color: #777;
    padding: 10px 0px 10px 10px;
}

.commentUserBlock a, .commentUserBlock a:hover
{
    color: #777;
    text-decoration: none;
}

.commentRatingButton
{
    padding: 5px;
    float: left;
    font-size: 8pt;
}

.commentRatingButton img
{
    vertical-align: middle;
    cursor: pointer;
}

.commentStoryQuickLink
{
    font-size: 8pt;
}

.commentStoryQuickLink a:hover
{
    text-decoration: underline;
}

#commentsSummary
{
    margin: 8px 0px 8px 0px;       
}


#LeaveComment
{
    font-size: 14pt;
    font-weight: bold;
    clear: both;
}

#ViewCommentsHeader
{
    font-size: 14pt;
    font-weight: bold;
    clear: both;
    margin-bottom: 10px;
}

#ViewCommentsHeader a:hover
{
    text-decoration: none;
    color: #000;
}

#LeaveComment a:hover
{
    text-decoration: none;
    color: #000;
}

#CommentInActiveHolder
{
    margin-top: 10px;    
}

#CommentAcceptNewPolicyHolder
{
    margin-top: 10px; background-color:#fcc; border: solid 1px #c33; padding: 10px; width:450px; float: left;
}

#CommentInActiveHolder a
{
    font-weight: bold;
}

#commentFormBody
{
    margin-top: 8px; 
    width: 450px;
    float: left;
    margin-left: 5px;
}

/* Login Widget CSS */
#LogoutButton a:hover {
	
	text-decoration: none;
	text-shadow:0 0 3px rgba(255, 255, 255, 0.85);
}

.login_login{
	width:54px;
	height:16px;
	margin-right:5px;
	float:right;
	text-align:center;
	color:#fff;
	font-size: 9px;
	text-transform:uppercase;
	background-image:url(/images/infobar_login_bg.jpg);
	cursor:pointer;	
}

.login_login a:hover {
	background-image: none;
}

.login_su{
	width:54px;
	height:16px;
	margin-right:10px;
	display:inline;
	float:right;
	text-align:center;
	color:#fff;
	font-size: 9px;
	text-transform:uppercase;
	background-image:url(/images/infobar_login_bg.jpg);
	cursor:pointer;
}

#loginbox
{
    border: solid 2px #333;
    width: 400px;
    height: 185px;
    background-color: #eee;   
    overflow: hidden;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    /* TODO: p5 ad */ 
    position: relative;
    top: 50px;
    left: -250px;
    /* END */
    -moz-box-shadow: 0px 0px 64px #000;
    -webkit-box-shadow: 0px 0px 64px #000;
    box-shadow: 0px 0px 64px #000;
    z-index:99999;  
}

#login_close
{
    text-align: right;
    float:right;
    cursor: pointer;
}

#login_forgot_password a:link, #login_close a:link {
	color: #036;
	text-decoration: none;
}

#login_forgot_password a:visited, #login_close a:visited {
	color: #036;
	text-decoration: none;
}

#login_forgot_password a:hover, #login_close a:hover {
	color: #06f;
	text-decoration: underline;
}

#innerLoginBox
{
    margin-top: 30px;
    width: 390px;
}

#loginHeader
{
    width: 400px;
    font-size: 14pt;
	height:35px;
	
}

#commentsPolicy
{
    width:600px; height:380px; position:relative; top:50px; left:-290px; background-color:#fcc; border: solid 1px #c33; text-align:left;padding:10px; color:#333;
}

#commentsPolicy .close
{
    position:absolute; top:0; left:597px; margin:0; padding:0; cursor:pointer;
}

#notLoggedInButtons
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px; 
	height: 40px;
	width: 180px;
	float:right;
}

#notLoggedInButtons a:hover {
	
	text-decoration: none;
	text-shadow:0 0 3px rgba(255, 255, 255, 0.85);
}

#loggedInButtons
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px; 
	height: 40px;
	width: 180px;
	float:right;
}

#loggedInButtons a:hover
{
    text-decoration: none;
}

/* end login button */

#read_eversion {
	width:146px;
	margin-top:161px;
	/*opacity:.90;
	MozOpacity:.90;
	filter:alpha(opacity='90');*/
	background-image:url(/images/eVersionLogo.jpg);
	position:absolute;
	text-align:center;
	height: 30px;
}

.loginFormLabel
{
    margin-top: 2px;
    clear: left;
    float: left;
    font-weight: bold;
    width: 150px;
}

.loginFormElement
{
    margin-top: 2px;
    float: left;
    margin-left: 5px;
    width: 150px;
}

.loginFormRememberMe
{
    margin-top: 2px;
    float: left;
    margin-left: 5px;
    width: 75px;
    text-align: left;
}

#login_forgot_password
{
    display:inline;
	text-align: left;
    float: left;
    margin-left: 156px;
    font-size: 10px;
	height:20px;
	margin-right:32px;
}

.loginFormButton
{
    margin-top: 2px;
    float: left;
    width: 50px;
    text-align: right;
}


/* menu global CSS */
#button_visit_compass {
	width: 232; height: 25px; float: right; margin-right: 0px; color:White; font-size:10px; display:inline;	
}
div.nav_menu, div.nav_menu_root, div.nav_menu_label, div.nav_menu_subitems, div.nav_menu_subitem, div.spacer
{
	margin: 0px;
}

.nav_menu_root
{
	position: relative;
	float: left;
	height: 30px;
	padding: 0px 13px 0px 13px;
	cursor: pointer;
}

.nav_menu_root div
{
	padding-top: 4px;
}

.nav_menu_label
{

	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #fff;
}

.nav_menu_subitem_spacer {
	width:150px; 
	height:0px; 
	border-top:solid 1px #ddd;
	float:left;
}

.nav_menu_subitem
{
	float: left;
	width: 160px;
	padding: 5px;
	color: #006;
	font-size:11px;
}

.nav_menu_subitem a:hover
{
	text-decoration: underline;	
}

/*end menu definitions*/
.asterisk {
	color: #F00;
}

/* most read stories list */
.most_read_stories_list
{
    list-style:decimal;
    font-size: 10px;
    color: #036;
    margin: 0px;
    margin-left:7px;
    padding: 0px 0px 0px 15px;
    line-height:15px;
    color:#333;
}

.most_read_stories_item
{
    font-size: 12px;
}

.most_read_stories_item a
{
    color:#333;
}

/* Image Rotator -- Standard for all pages with Story Image Rotator */
#story_image_controls
{
    float: right;
    font-size: 8pt;
    font-weight: bold; 
}

#story_image_controls_left
{
    width: 114px;
    float: left;
    text-align: left;
}

#story_image_controls_right
{
    width: 114px;
    float: right;
    text-align: right;
}

.sic_h
{
    width: 480px;   
}

.sic_v
{
    width: 240px;
}

.imgNextBtn
{
    width: 50px;
    float: right;
    cursor: pointer;
}

.imgPrevBtn
{
    width: 50px;
    float: right;
    cursor: pointer;
}

/* recent comments list */
.recent_comments_list
{
    list-style:decimal;
    font-size: 10px;
    color: #036;
    margin: 0px;
    margin-left:7px;
    padding: 0px 0px 0px 15px;
    line-height:15px;
    color:#333;
}

.recent_comments_item
{
    font-size: 12px;
}

.recent_comments_item a
{
    color:#333;
}

.recent_comments_date
{
    font-weight: normal;
    font-size: 8pt;
    color: #777;   
}

.topic_date
{
    font-weight: normal;
    font-size: 8pt;
    color: #777;
}

#Header_comp_s { height: 15px; }

/* Modal Window Properties */
#control_overlay {  
    background-color:#000;  
} 

/* Why Column Teaser */
.why_teaser {
    background-image: url("/blogs/images/why_teaser_bg.gif");
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 14px;
    height: 100px;
    margin-top: 15px;
    padding: 50px 10px 0 25px;
    width: 260px;
    color: #555;
}

.why_teaser a 
{
    color:#555;
    text-decoration: none;
}

.why_teaser a:hover 
{
    color:#0CF;
    text-decoration: underline;
}

/* print css*/

#header_main_topbar{width: 1000px; height: 25px;}
#header_main_logo{width: 1000px; height: 90px;}
#header_main_menu{width: 1000px; height: 28px;}
#header_editorial_div{width: 205px; height: 90px; float: left; margin-right: 10px; display:inline;}
#header_logo_div{width: 392px; height: 90px; float: left; margin-right: 10px; background-image:url(/images/navbar_caymancompass.png); display:inline; cursor:pointer;}
#header_adspace_div{width: 383px; height: 90px; float: left;}
