/*-------------------------------------
[ Page setup ]
-------------------------------------*/
.pageWrapper {width:990px; text-align:left; position:relative; margin:auto;}
body.home {background-color:#f2f2f2;}
body.subPage {background-color:#f2f2f2;}


/*-------------------------------------
[ Console ]
-------------------------------------*/
#consoleWrapper {width:240px; position:absolute; top:10px; right:100px; display:none;}
#consolePadding {border: 1px solid #ff0000; padding:5px; background-color:#ffcccc;}
#console {}



/*-------------------------------------
[ Banner ]
-------------------------------------*/
.bannerWrapper {width:980; height:130px;}
.bannerPadding {}
.banner {}
.banner h1 {width:255px; height:72px; background:url(../images/banner_a.png) top left no-repeat; border-bottom:0;}

.banner .bannerLeftCol {float:left;}
.banner .bannerRightCol {margin:30px 5px 0px 0px; float:right;}



/*-------------------------------------
[ Primary navigation ]
-------------------------------------*/
#priNavWrapper {position:absolute; top:90px; left:10px; width:980px;}
#priNavPadding {}
#priNav li {list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; float:left; padding:0px 0px 0px 0px; /*border-right:1px solid #666;*/ margin:0px 1px 0px 0px;}
#priNav li.first {margin-left:0px;}
#priNav li.last {border-right:0px solid #666;}
#priNav ul { padding:0px 0px 10px 0px;}

.lnkNav a:link, .lnkNav a:visited, .lnkNav a:active {font:normal 11px arial; text-decoration:none; display:block; padding:10px 0px 10px 0px; margin:0; color:#0086c8; width:120px; background-color:#e7e7e7;}
.lnkNav a:hover {text-decoration:underline; display:block; color:#0086c8;}
.lnkNav span {display:block; padding:0px 0px 0px 10px;}

#priNav .active {display:block; color:#0086c8; background-color:#fff;}
#priNav .loginLogout {margin-left:20px;}


.login:link, 
.login:visited, 
.login:active {font:bold 11px arial; text-decoration:none; display:block; padding:10px 0px 10px 0px; margin:0; color:#fff; width:60px; background-color:#6dcdfc;}
.login:hover {text-decoration:underline; display:block; color:#fff;}
.login span {display:block; padding:0px 0px 0px 10px;}


.signUp:link, 
.signUp:visited, 
.signUp:active {font:bold 11px arial; text-decoration:none; display:block; padding:10px 0px 10px 0px; margin:0; color:#fff; width:172px; background-color:#a4c94d;}
.signUp:hover {text-decoration:underline; display:block; color:#fff;}
.signUp span {display:block; padding:0px 0px 0px 10px;}


.addthisPlusFavable:link, 
.addthisPlusFavable:visited, 
.addthisPlusFavable:hover, 
.addthisPlusFavable:active {width:190px; height:60px; display:block; background:url(../images/prinav_addthis_plus_favable.gif) top left no-repeat;}
.addThisPlusFavableCopy {width:190px; line-height:18px; padding:5px 0px 0px 0px;}



/*-------------------------------------
[ Content ]
-------------------------------------*/
.contentWrapper {width:990px;}
.contentPadding {padding:0px 0px 0px 10px;}
.content .h2 {color:#525252; font:bold 11pt arial;}
.content {width:980px;}

.content .contentRightColWrapper {float:left; width:725px; position:relative;}
.content .contentRightColShadow {}
.content .contentRightColPadding {padding:0px 10px 0px 10px;}
.content .contentRightCol {}

.content .contentLeftColWrapper {float:left; width:255px;}
.content .contentLeftColShadow {}
.content .contentLeftColPadding {padding:0px 0px 0px 20px;}
.content .contentLeftCol {}



/* side promo */
.sidePromo h1 {font:bold 14px arial; padding:0px 0px 8px 0px; border:0; color:#383838;}


/* favable pro */
.favableProWrapper {}
.favableProPadding {padding:5px;}
.favablePro {}
.favablePro .cost {font:bold 14px arial; color:#009ce9;}
.favablePro .costDetail {font:normal 11px arial; color:#666;}
.favablePro li {list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; padding:0; margin:0; display:block; color:#333;}
.favablePro .subscriptionName {color:#86a722;}


/* favable bookmarklet */
.favableBookmarkletWrapper {}
.favableBookmarkletPadding {padding:5px;}
.favableBookmarklet {}




/*-------------------------------------
[ Tabs ]
-------------------------------------*/
.tabsWrapper {position:absolute; top:20px; right:0px;}
.tabsPadding {}
.tabs ul {}
.tabs li {list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; float:left; display:block; margin:0px 2px 0px 0px;}
.tabs a:link, 
.tabs a:visited, 
.tabs a:active {font:normal 12px arial; text-decoration:none; display:block; width:100px; height:20px; border-bottom:4px solid #ccc; margin:0px 0px 10px 0px; color:#666;}
.tabs a:hover { text-decoration:none; display:block; color:#333; width:100px; height:20px; border-bottom:4px solid #999; margin:0px 0px 10px 0px;}
.tabs a.active {text-decoration:none; display:block; color:#666; width:100px; height:20px; border-bottom:4px solid #c4ce72; margin:0px 0px 10px 0px; color:#666;}
.tabs li.last {margin:0;}






/*-------------------------------------
[ Thank you ]
-------------------------------------*/
.messageWrapper {}
.messagePadding {}
.message {}






/*-------------------------------------
[ Footer ]
-------------------------------------*/
#footerWrapper {}
#footerPadding {}
#footer {}
#footer #footerLeftCol {float:left; padding:15px 0px 0px 0px; color:#666;}
#footer #footerRightCol {float:right; width:600px; padding:10px 0px 0px 0px; text-align:right;}
#footer #footerRightCol .nav {display:block; float:right; padding:4px 8px 0px 6px;}
#footer #footerRightCol .vr {height:25px; float:right;}
#footer #footerRightCol #questionsAndComments {float:right; padding:10px 10px 0px 0px;}




/*-------------------------------------
[ Dock ]
-------------------------------------*/
#dockWrapper {position:fixed; width:100%; height:25px; left:0px; bottom:0px; background-color:#4b4b4b;}
#dockPadding {margin:0px 10px 0px 10px; padding:5px 0px 0px 0px;}
#dock {color:#999; text-align:left;}
#dock .rights {float:left;}
#dock .contact {float:right; margin:0px 10px 0px 0px;}
#dock .contact a:link, 
#dock .contact a:visited, 
#dock .contact a:active {text-decoration:none; color:#999;}
#dock .contact a:hover {text-decoration:underline; color:#ccc;}
#dock .contact .divider {padding:0px 10px 0px 0px; margin:0px 5px 0px 0px; border-right:1px solid #666;}



/*-------------------------------------
[ Buffers ]
-------------------------------------*/
.vBuffer5 {height:5px; width:1px;}
.vBuffer10 {height:10px; width:1px;}
.vBuffer20 {height:20px; width:1px;}




/*-------------------------------------
[ Dividers ]
-------------------------------------*/
.hr {border-bottom:1px solid #e5e5e5; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;}
.hrDots {border-bottom:1px dotted #e5e5e5; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;}
.hrDarkGray {height:11px; background:url(../images/hr_1x1_dark_gray.gif) center left repeat-x;}
.hr1x2Gray {height:11px; background:url(../images/hr_1x2_gray.gif) center left repeat-x;}
.hrWhite {height:5px; border-bottom:1px dotted #fff;}
.hrBlack {height:11px; background:url(../images/hr_1x1_black.gif) center left repeat-x;}
.hrBlack20 {height:11px; background:url(../images/bg_transparent_20.png) center left repeat-x;}
.hrBlack40 {height:11px; background:url(../images/bg_transparent_40.png) center left repeat-x;}
.hrBlack60 {height:11px; background:url(../images/bg_transparent_60.png) center left repeat-x;}
.hrBlack80 {height:11px; background:url(../images/bg_transparent_80.png) center left repeat-x;}
.hrBlack90 {height:11px; background:url(../images/bg_transparent_90.png) center left repeat-x;}
.hrDotted {height:5px; border-bottom:1px dotted #ccc;}
.hrDottedDarkGray {height:1px; border-bottom:1px dotted #999; margin-bottom:8px;}
.vr {width:11px; background:url(../images/hr_1x1_gray.gif) top center repeat-y;}






/*-------------------------------------
[ Text ]
-------------------------------------*/
.note {color:#999; font-style:italic;}
.minWidthAndBottomBuffer {height:50px; width:990px;}


/*-------------------------------------
[ Links ]
-------------------------------------*/
/* top */
.lnkTop:link {font:normal 8pt arial; text-decoration:none; color:#039be7;}
.lnkTop:visited {font:normal 8pt arial; text-decoration:none; color:#039be7;}
.lnkTop:hover {font:normal 8pt arial; text-decoration:underline; color:#039be7;}
.lnkTop:active {font:normal 8pt arial; text-decoration:none; color:#039be7;}



/* cancel */
.lnkCancel:link {display:block; float:right; font:normal 8pt arial; text-decoration:underline; color:#666; padding:5px 20px 0px 0px;}
.lnkCancel:visited {display:block; float:right; font:normal 8pt arial; text-decoration:underline; color:#666; padding:5px 20px 0px 0px;}
.lnkCancel:hover {display:block; float:right; font:normal 8pt arial; text-decoration:underline; color:#666; padding:5px 20px 0px 0px;}
.lnkCancel:active {display:block; float:right; font:normal 8pt arial; text-decoration:underline; color:#666; padding:5px 20px 0px 0px;}



/* all */
a:link {font:normal 11px arial; text-decoration:underline;color:#039be7;}
a:visited {font:normal 11px arial; text-decoration:underline;color:#039be7;}
a:hover {font:normal 11px arial; text-decoration:underline;color:#039be7;}
a:active {font:normal 11px arial; text-decoration:underline;color:#909a42;}

a.bltArrowBlue {background:url(../images/blt_arrow_blue.gif) no-repeat scroll 0px 0px; padding:0px 0px 0px 10px;}