﻿/* HTML obj */
body {
font: 12px arial, Helvetica, sans-serif;
margin: 0px;
background-color: #FFFFFF;
background-image: url('images/_pg_bg.png');
background-repeat: repeat-x;
}
textarea{
font: 12px arial, Helvetica, sans-serif;
}
img{display:inline;}
h1
{ 
font: 30px arial, Helvetica, sans-serif;
color: #336600;
font-weight: normal;
font-style: normal;
padding:0px;
margin:0px;
}

h2
{
font: 20px arial, Helvetica, sans-serif;
color: #336600;
font-weight: normal;
font-style: normal;
padding:0px;
margin:0px;
}
h3
{
font: 20px arial, Helvetica, sans-serif;
color: #669900;
font-weight: bold;
font-style: normal;
padding: 0px;
margin: 0 0 10px 0;
}
h4
{
font: 16px arial, Helvetica, sans-serif;
color: #333333;
font-weight:bold;
font-style:normal;
padding: 0px;
margin: 0px;
}
h5
{
font: 12px arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
font-style: normal;
padding: 0px;
margin: 0px;
}
/* Page Layout */
#wrapper{
margin: 0 auto;
text-align: center;
width: 970px;
}
#header{
width: auto;
height: 140px;
margin:0 25px 20px 0;
}
#main{
float: left;
width: 660px;
/*border: 1px dashed red;*/
}
#mainWide{
float: left;
width: 950px;
/*border: 1px dashed red;*/
}
#sidebar{
float: right;
width: 300px;
/*border: 1px dashed blue;*/
}
#footer{

margin-top:10px;
clear: both;
width: 950px;
/*height: 50px;*/
}
/* Text */
.black{color:#333333;font-size:12px;}
.white{color:#FFF;font-size:12px;}
.mini{color:#333333;font-size:10px;}
.iTitle{color:#333333;font-size:14px; font-style:italic; padding:2px;}

/* Links */
a{color:#003366; text-decoration:underline; font-size:12px;}
a:visited{color:#003366; text-decoration:underline; font-size:12px;}
a:hover{color:#cc9900; text-decoration:underline; }
a.whiteBox{background-color: #669900 !important; color:White; text-decoration:none;}
a.whiteBox:visited{background-color: #669900 !important; color:White; text-decoration:none;}
a.whiteBox:hover{background-color: #336600 !important; color:White; text-decoration:none;}
a.icoPinOn{background-color: #669900 !important; color:White; text-decoration:none;}
a.icoPinOn:visited{background-color: #669900 !important; color:White; text-decoration:none;}
a.icoPinOn:hover{background-color: #336600 !important; color:White; text-decoration:none;}
a.icoPinOff{background-color: #669900 !important; color:White; text-decoration:none;}
a.icoPinOff:visited{background-color: #669900 !important; color:White; text-decoration:none;}
a.icoPinOff:hover{background-color: #336600 !important; color:White; text-decoration:none;}
a.mini{color:#333333; text-decoration:none; font-size:10px; padding:3px; vertical-align:middle;}
a.mini:visited{color:#333333 !important; text-decoration:none !important; font-size:10px; padding:3px; vertical-align:middle;}
a.mini:hover{color:#333333; text-decoration:none; font-size:10px; padding:3px; vertical-align:middle;}
a.bold{color:#003366; font-weight:bold; text-decoration:underline; font-size:12px;}
a.bold:visited{color:#003366; font-weight:bold; text-decoration:underline; font-size:12px;}
a.bold:hover{color:#cc9900; font-weight:bold; text-decoration:underline; font-size:12px;}
a.white, .white a{color:#FFF; text-decoration:underline; font-size:12px;}
a:visited.white, .white a:visited{color:#FFF; text-decoration:underline; font-size:12px;}
a:hover.white, white a:hover{color:#cc9900; text-decoration:underline; font-size:12px;}
a.Brown, .Brown a{color:#973A02; text-decoration:none;}
a:hover.Brown, Brown a:hover{color:#973A02; text-decoration:underline;}
a.sentiment1, .sentiment1 a{color:#336600; text-decoration:none; font-size:12px;}
a:visited.sentiment1, .sentiment1 a:visited{color:#336600; text-decoration:none; font-size:12px;}
a.sentiment2, .sentiment2 a{color:#336666; text-decoration:none; font-size:12px;}
a:visited.sentiment2, .sentiment2 a:visited{color:#336666; text-decoration:none; font-size:12px;}
h1 a{color:#336600; text-decoration:none; font-size:30px;}
h1 a:visited{color:#336600; text-decoration:none; font-size:30px;}
h1 a:hover{color:#336600; text-decoration:underline; font-size:30px;}
h2 a{color:#336600; text-decoration:none; font-size:20px;}
h2 a:visited{color:#336600; text-decoration:none; font-size:20px;}
h2 a:hover{color:#336600; text-decoration:underline; font-size:20px;}
h4 a{color:#333333; text-decoration:none; font-size:16px;}
h4 a:visited{color:#333333; text-decoration:none; font-size:16px;}
h4 a:hover{color:#333333; text-decoration:underline; font-size:16px;}
h5 a{color:#003366; text-decoration:none; font-size:12px;}
h5 a:visited{color:#003366; text-decoration:none; font-size:12px;}
h5 a:hover{color:#cc9900; text-decoration:underline; font-size:12px;}
a.tag {
background-color:#ffffcc;
border-bottom:1px solid #669900;
border-right:1px solid #669900;
color:#669900;
font-size:90%;
line-height:2.2;
margin-left:3px;
padding:3px 4px;
text-decoration:none;
white-space:nowrap;
}
a.tag:hover {
background-color:#ccff99;
border-bottom:1px solid #336600;
border-right:1px solid #336600;
color:#333333;
font-size:90%;
line-height:2.2;
margin-left:3px;
padding:3px 4px;
text-decoration:none;
white-space:nowrap;
}
a.related {
background-color: #CCFFFF;
border-bottom: 1px solid #669900;
border-right: 1px solid #669900;
color: #003399;
font-size: 90%;
line-height: 2.2;
margin-left: 3px;
padding: 3px 4px;
text-decoration: none;
white-space: nowrap;
}
a.related:hover { 
background-color:#66CCFF;
 border-bottom:1px solid #336600;
border-right:1px solid #336600;
color:#333333;
font-size:90%;
line-height:2.2;
margin-left:3px;
padding:3px 4px;
text-decoration:none;
white-space:nowrap;
}
a.parent
{
    background-color: #66CCFF;
    border-bottom: 1px solid #669900;
    border-right: 1px solid #669900;
    color: #333333;
    font-size: 90%;
    line-height: 2.2;
    margin-left: 3px;
    padding: 3px 4px;
    text-decoration: none;
    white-space: nowrap;
}

a.parent:hover
{
    background-color: #0066FF;
    border-bottom: 1px solid #336600;
    border-right: 1px solid #336600;
    color: #FFFFFF;
    font-size: 90%;
    line-height: 2.2;
    margin-left: 3px;
    padding: 3px 4px;
    text-decoration: none;
    white-space: nowrap;
}

/* Buttons */

.btnLg
{   
background: transparent url('images/_buttons.png') 0px 0px no-repeat;
text-align:center;
color: #336600;
font: bold 14px Arial;
width:190px;
height:30px;
border:none !important;
padding: 3px;
margin:5px;
cursor:pointer;
}
.btnLg:hover
{   
color: #333333;
background-position: -190px 0px !important;
cursor:pointer;
}
.btnMd
{   
background: transparent url('images/_buttons.png') 0px -31px no-repeat;
text-align:center;
color: #336600;
font: solid 14px Arial;
width:135px;
height:30px;
border:none !important;
padding: 3px;
margin:0 5px 0 5px;
cursor:pointer;
}
.btnMd:hover
{   
color: #333333;
background-position: -135px -31px !important;
cursor:pointer;
}
.btnSm
{   
background: transparent url('images/_buttons.png') 0px -62px no-repeat;
text-align:center;
color: #336600;
font: solid 14px Arial;
width:100px;
height:30px;
border:none !important;
padding: 3px;
margin:0 5px 0 5px;
cursor:pointer;
}
.btnSm:hover
{   
color: #333333;
background-position: -100px -62px !important;
cursor:pointer;
}
.btnLgGrn
{   
background: transparent url('images/_buttons.png') 0px -93px no-repeat;
text-align:center;
color: #333333;
font: lighter 16px Arial;
width:250px;
height:40px;
border:none !important;
padding: 3px;
margin:0 5px 0 5px;
cursor:pointer;
}
.btnLgGrn:hover
{   
color: #333333;
background-position: -250px -93px !important;
cursor:pointer;
}

.btnRating
{   
background: transparent url('images/_buttons.png') 0px -134px no-repeat;
text-align:center;
color: #333333;
font: lighter 16px Arial;
width:186px;
height:67px;
border:none !important;
padding: 0px;
margin: 0px;
cursor:pointer;
}
.btnRating:hover
{   
color: #333333;
background-position: -186px -134px !important;
cursor:pointer;
}
.btnSearch
{   
background: transparent url('images/_buttons.png') 0px -202px no-repeat;
text-align:right;
color: #336600;
font: solid 14px Arial;
width:80px;
height:24px;
border:none !important;
padding: 0px 10px 0px 0px;
margin: 0px;
cursor:pointer;
}
.btnSearch:hover
{   
color: #333333;
background-position: -80px -202px !important;
cursor:pointer;
}
.btnTwitter
{   
background: transparent url('images/_twitterSignIn.png') 0px 0px no-repeat;
text-align:center;
color: #333333;
font: lighter 16px Arial;
width:151px;
height:24px;
border:none !important;
padding: 0px;
margin:0px;
cursor:pointer;
}
/* Tabs */
.tabs {
height: 53px;
width: 660px;
margin: 0px;
padding: 0px;
}
a.tabOn{
background: transparent url('images/_bg.png') 0px -72px repeat-x;
height: 33px;
width: 221px;
float: left;
margin: 0px;
padding: 0px;
border-bottom: 0px;
border-right: 1px solid #669900;
text-align:center;
padding-top:20px;
float: left;
font-family:Arial;
font-weight:lighter;
font-size: 16px;
text-decoration:none;
color: #ffffff;
}
a.tabOn:hover
{
}
a.tabOff{
background: transparent url('images/_bg.png') 0px -125px repeat-x;
height: 33px;
width: 218px;
float: left;
margin: 0px;
padding: 0px;
border-bottom: 0px;
border-right: 1px solid #669900;
text-align:center;        
padding-top:20px;
float: left;
font-family:Arial;
font-weight:lighter;
font-size: 16px;
text-decoration:none;
color: #333333;
}
a.tabOff:hover
{
background: transparent url('images/_bg.png') 0px -178px repeat-x;
color: #336666;
}
/* Navigation Bars */
.subNavBg
{
background: transparent url('images/_bg.png') 0px 0px repeat-x;
width: 660px;
height: 36px;
padding: 0px;
margin: 0px;
}
.pagerBg
{
background: transparent url('images/_bg.png') 0px -36px repeat-x;
width: 660px;
height: 36px;
padding: 0px;
margin: 0px;
}
ul.pager{display: inline;list-style-type: none; padding:0px; margin:0px; }
li.pagerOn
{
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
background-color:White;
color: #333333;  
padding: 5px !important;
margin: 0 2px 0 2px;
text-decoration:none;
}
li.pagerOff
{
color: White;   
}
li.pagerOff a
{
margin: 0 2px 0 2px;
padding: 5px;
color: White;   
text-decoration:none;
}
li.pagerOff a:hover
{
margin: 0 2px 0 2px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
padding: 5px;
background-color:#99cc00;
color: White;  
text-decoration:none;
}
li.pagerOff a:visited
{
margin: 0 2px 0 2px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
padding: 5px;
color: White;  
text-decoration:none;
}
/* icons */
.icoLoading{
background: transparent url('images/_loading.gif') 0px 0px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 16px;
height:16px;
border:none !important;
padding: 0 0 0 20px;
color:#333333;font-size:10px;
}
.icoSpeaker{
background: transparent url('images/_icons.png') 0px 0px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:25px;
border:none !important;
padding: 0 0 0 30px;
color: #666666;
}
.icoX{
background: transparent url('images/_icons.png') 0px -25px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:25px;
color: #666666;
border:none !important;
padding: 0 0 0 24px;
}
.icoV{
background: transparent url('images/_icons.png') 0px -50px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:25px;
color: #666666;
border:none !important;
padding: 0 0 0 24px;
}

.icoTag{
background: transparent url('images/_icons.png') 0px -75px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:25px;
border:none !important;
color: #666666;
padding: 0 0 0 30px;
}

.icoMail{
background: transparent url('images/_icons.png') 0px -100px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:25px;
border:none !important;
padding: 0 0 0 30px;
}
.icoPinOn{
background: transparent url('images/_icons.png') 0px -125px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:25px;
/*border:none !important;*/
padding: 0 10px 0 35px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
border:1px solid #DDDDDD;
}
.icoPinOff{
background: transparent url('images/_icons.png') 0px -150px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:25px;
/*border:none !important;*/
padding: 0 10px 0 35px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
border:1px solid #DDDDDD;
}
.icoErr{
background: transparent url('images/_icons.png') 0px -175px no-repeat;
text-align:left;
vertical-align:middle;
color:#760d30 !important;
border:none !important;
padding: 0 0 0 20px;
}
.icoPerson{
background: transparent url('images/_icons.png') 0px -200px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:21px;
border:none !important;
color: #666666;
padding: 0 0 0 24px;
}
.icoBubble{
background: transparent url('images/_icons.png') 0px -225px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:22px;
border:none !important;
color: #666666;
padding: 0 0 0 24px;
}
.icoRss{
background: transparent url('images/_icons.png') 0px -250px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:22px;
border:none !important;
color: #666666;
padding: 0 0 0 24px;
}
/* Rating Stars */
.star{
background: transparent url('images/_colorbox.png') 0px 0px no-repeat;
text-align:left;
vertical-align:middle;
line-height: 25px;
height:25px;
width: 27px;
border:none !important;
padding: 0px;
}
.star1{background-position: 0px -328px;}
.star2{background-position: 0px -353px;}
.star3{background-position: 0px -378px;}
/* Color Box */
.cBox{
background: transparent url('images/_colorbox.png') 0px 0px no-repeat;
text-align:center;
vertical-align:middle;
line-height: 52px;
width: 80px;
height:41px;
border:none !important;
/*padding-right: 10px;*/
margin: 0 0 5px 0;
}
.cBox1{background-position: 0px 0px;}
.cBox2{background-position: 0px -41px;}
.cBox3{background-position: 0px -82px;}
.cBox4{background-position: 0px -123px;}
.cBox5{background-position: 0px -164px;}
.cBox6{background-position: 0px -205px;}
.cBox7{background-position: 0px -246px;}
.cBox8{background-position: 0px -287px;}
/* Align */
.fRight{float:right;}
.fLeft{float:left;}
.tRight{text-align:right;}
.tCenter{text-align:center;}
.tLeft{text-align:left;}
.vTop{vertical-align:top;}
.vMid{vertical-align:middle;}
.vBot{vertical-align:bottom;}
/* Misc */
.padder5{padding:5px;}
.padder10{padding:10px;}
.bRed{border:1px dashed red;}
.bBlue{border:1px dashed blue;}
.bGreen{border:1px dashed green;}
.bTopic{border-left:4px solid #669900; border-right:1px dotted #669900; border-top:1px dotted #669900; border-bottom:1px solid #669900; padding:8px; margin-top:10px;}
.bReply{border-left:2px solid #669900;border-right:1px dotted #669900; border-bottom:1px solid #669900; padding:8px; margin-top:10px;}
.hSeparator{border-bottom:1px solid #669900; margin-bottom: 10px; }
.tSeparator{border-top:1px dotted #669900; padding-bottom: 10px; }
.vSeparator{border-left:1px solid #669900; padding-left:10px;}
.vDotSeparator{border-left:1px dotted #669900; padding-left:10px;}
/* Lists */
ul.table{padding: 0px;margin: 0px;list-style-type: none;}
.table li{display: inline-block; list-style-type: none; padding:5px; margin:0px; vertical-align:middle;line-height: 25px;height:25px;}
ul.tableFree{padding: 0px;margin: 0px;list-style-type: none;}
.tableFree li{display: inline-block; list-style-type: none; padding:5px; margin:0px; vertical-align:middle;}
ul.clear{padding: 0px;margin: 0px;list-style-type: none;}
ul.hList{display: inline;list-style-type: none; padding:0px; margin:0px; }
.hList li{display: inline;list-style-type: none; padding:0px; margin:0px; }
ul.aComplete{background-color:#FFF; list-style-type: none; padding:0px; margin:0px; text-align:left;border:1px solid #DDDDDD;}
.aComplete li{display: block;list-style-type: none; color:#333333;font-size:14px; font-style:italic; padding:2px; margin:0px; }
.iTitleBold{display: block;color:#FFFFFF !important; background-color: #669900; font-size:14px; font-style:italic; font-weight:bold;padding:2px;margin:0px; }
/* Search */
.searchWrap{ 
border: 1px solid #DDDDDD;
background-color:#FFFFFF;
margin:0px;
padding: 2px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
.searchTextBox
{
border: 0px;
margin:0 0 0 5px;
font-size: 17px;
line-height: 17px;
border-width: 0px 0px 0px 1px;
}
.searchDropDown
{
border: 1px solid #DDDDDD;
color:Gray;
margin: 0;
font-size:14px;
padding:2px 2px 2px 4px;
line-height:16px;
}
/* Modal */
.roundTextBoxLg {
font-size:16px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
border:1px solid #DDDDDD;
margin:0;
padding:4px;
}
.roundTextBox {
font-size:12px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
border:1px solid #DDDDDD;
margin:0;
padding:4px;
}
.watermarkedText
{
color:gray; font-style:italic;
border: 0px;
margin:0 0 0 5px;
font-size: 14px;
line-height: 17px;
border-width: 0px 0px 0px 1px;
}

.watermarkedTextBox
{
color:gray; font-style:italic; font-size:12px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
border:1px solid #DDDDDD;
margin:0;
padding:4px;
}
.infoPop { 
background-color:#FFFFCC; 
 border-width:1px; 
border-style:solid; 
border-color:#669933; 
padding:0px; 
margin:0px;
width:100%; 
 }

.modalBg {
background-color:silver; 
filter:alpha(opacity=50);
opacity:.50; 
} 
.modalPop {
background-color:white; 
border-width:3px; 
border-style:solid; 
border-color:#669933; 
padding:0px; 
margin:0px;
width:600px; 
}
.modalContent {
text-align:left;
margin:40px;
width:560px; 
}
.modalTextBox 
{
font-size:18px;
/*tl tr br bl*/
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
border:1px solid #DDDDDD;
margin:0;
padding:8px;
width:200px;
}
.modalPopOver {
background-color:white; 
border-width:1px; 
border-style:solid; 
border-color:#669933; 
margin:0px;
text-align:left;
padding: 5px;
}
.fb_share_count_wrapper
{
position:static !important;
float:none !important;
}
.whiteBox
{
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
background-color:White;
color: #333333;  
padding: 5px !important;
margin: 0 2px 0 2px;
text-decoration:none;
border:1px solid #DDDDDD;
}
.card
{
 background-image: url('images/employeecard.png');
background-repeat:no-repeat;
width: 267px;
height: 180px;   
}