/* Global Styles */
body {font-family: Verdana, Georgia, "Bitstream Vera Serif", "Lucida Bright", Lucidabright,  serif;}
body {color: #333333; background: #cccccc;font-size: .85em; margin: 0; padding: 0;}
a {color:#A66B05; text-decoration: none;}
a:hover{color: #A4B5C7; text-decoration: underline;}
a:visited{color: #774906;}
a img {border: none;}

div#wrap{width: 780px;margin:0px auto; border-left: 1px #cccccc solid; border-right:1px #999999 solid;}
#typeB {width: 95%; float: none; clear: both; margin: 10px auto; padding: 0 10px 0 10px;}

/* Header Styles */
div#header{margin: 0 0 0 0;border-left: 0px #cccccc solid; border-right: 1px #999999 solid; clear: both;width: 100%; height: 66px; background: url('http://www.optimance.com/images/hdr-bg.gif') top repeat-x;}
#header h1 {margin: 0; padding:0; display: block;font-size: .85em; display: block; left: 0; top: 0; height: 45px; width: 128px; text-indent: -999em; background: transparent url('http://www.optimance.com/images/logo2.jpg') center no-repeat;}
#header a {color: #ffffff; text-decoration: none; }
ul#mainNav {list-style: none; margin: 1px 0 0 0; padding: 0;}
ul#mainNav li {display: inline;}
ul#mainNav {position: absolute; margin-top: 5px; width: 30%; font-size: 1em; font-weight: bold; margin-bottom: 0px; float: left; clear: left;}
ul#mainNav li{font-size: 10px; display: block; float: left; margin-left: 6px; }
ul#mainNav li a:hover{text-decoration: underline;}
div#messageBar {margin: 0 0 0 0; background: #D7DEBD; height:25px; text-align:center; padding-top: 0px; font-size: 14px; padding-top:3px; font-weight:bold;}

/* Footer Styles */
div#footer{margin: 0 0 0 0; padding: 5px 0 0px 0; width: 100%; height: 59px; font-size: 10px; color: #A4B5C7; float: left; clear: both;background: url('http://www.optimance.com/images/footer-bg.gif') top repeat-x; }
#footer {border: 1px #999999 solid; border-top: 4px #D7DEBD solid;}
#footer p.legal {width: 100%; text-indent: 20px;}
#footer p.cpi {width: 100%; text-indent: 20px; color:#333333;}
#footer p.cpi a{color:#2e445c;}
div#links {display: block; width: 100%; text-align:right;}

/* Left Nav Styles */
div#leftNav{margin: 0 0 0 0; padding: 0px 0 0px 0; width: 100%; background: CCCC99; }
#leftNav h1 {font-size: 12px; font-weight:bold; margin:0; padding:0;}
#leftNav a {color:#2e445c;}

ul#leftNavList {list-style: none; margin: 1px 0 0 0; padding: 0;}
ul#leftNavList li{font-size: 10px; margin-left: 25px; margin-top:3px;}
ul#leftNavList a {color: #2e445c;}

div#training {margin: 0 0 0 0; padding: 2px 2 2px 2; width: 100%; background: #596A7C; font-size:10px; color:white; }
#training a {color:white; text-decoration: underline;}
#training td {color:white; font-size: 10px;}

/* Right Include Styles */
div#rightNavBlock {margin:0; padding:0; width:100%; border-bottom: 1px #dddddd solid;}
#rightNavBlock h1 {font-size: 12px; font-weight:bold; color:#333333; margin:0; padding:0;}
#rightNavBlock p {font-size:10px;}
#rightNavBlock a {font-size:10px; color: #2e445c;}
#rightNavBlock a:hover {text-decoration: underline;}

div#rightNavSep {background:#cccc99; height:5px; font-size:2px;}


/* Content Area Styles */
div#pageTitle {font-size: 14px; font-weight:bold; color:#333333; margin:0; padding:0;}
div#content {font-size: 11px; color:black; margin:0; padding:0;}
div#question {font-size: 12px; color:black; margin:0; padding:0; font-style:italic;}

/*Comparison Table*/
table.comparison-grid{border-collapse: collapse; border-spacing: 0; margin: 7px auto; width: 375px; background: #00579B; border: 1px #cccccc solid; border-right: 1px #696969 solid; border-bottom: 1px #696969 solid;}
table.comparison-grid tr.header td,table.comparison-grid tr.footer td{height: 5px;border:none;}
table.comparison-grid tr.footer td{background: #00579B}
table.comparison-grid th {font-size: 10px; color:white;}
table.comparison-grid td {border: 1px #696969 solid;padding: 2px 2px 2px 2px;}
table.comparison-grid tr.altRowOdd td {background: #BDC187; font-size:10px;}
table.comparison-grid tr.altRowEven td {background: #ffffff; font-size:10px;}

/*Case Studies*/
div#case-studies {clear: both; margin-left: 0px;}
div#case-studies div.item{float: left; width: 100%; clear: both; margin-top: 10px;}
div#case-studies img.case-image{display: block; float: left; clear: left; margin-left: 30px; margin-top: 20px;}
div#case-studies p.case-desc{font-size:10px; }
div#case-studies h2{font-size:12px; }

/* Home Page Styles */
div#openBlock {text-align:center; border-bottom: 1px #dddddd solid;}
div#closeBlock {text-align:center; border-top: 1px #dddddd solid;}
div#intro {font-size: 16px; color:black; margin:0; padding:0; font-weight:bold;}
div#conclude {font-size: 16px; color:black; margin:0; padding:0; font-style:italic;}
div#intro2 {font-size: 12px; color:black; margin:0; padding:0; font-weight:bold;}
div#highlights {text-align:center; border-top: 1px #dddddd solid;}

/* BLOG ENTRIES */
#blogEntries {
min-height:400px;
background-color: #ffffff;
text-align:justify;
margin:5px auto;
padding:5px;
width: 99%;
float: left;
overflow: hidden;
}

#blogEntries img{
	position:relative;
	color:#303030;
	border: 2px dashed #CCCCCC;
	background-color: #FFFFFF;
	top: 0px;
	padding: 2px;
}
#blogEntries .entryDate{
	font-weight:bold;
	text-align:right;
	margin-bottom: -10px;
	}
#blogEntries .entryContent{
	margin-top: 10px;
	}
#blogEntries .entryBox h2 a, #blogEntries .entryBox .entryPosted a{
text-decoration:none;
border-bottom:none;
}

#blogEntries .entryBox h2 a:hover, #blogEntries .entryBox .entryPosted a:hover{
text-decoration:none;

}
#blogEntries .entryBox img, #blogEntries .entryBox img a {
	max-width: 375px;
	}
#blogEntries .contentSmallLinks{
	clear:both;
	text-align: center;
	border-top: 1px #cccccc dashed;
	border-bottom: 1px #999999 solid;
	margin-bottom: 10px;
	}
#blogEntries .contentSmallLinks ul{
	list-style: none;
	}
#blogEntries .contentSmallLinks ul li {
	
	white-space:nowrap;
	padding: 5px 15px 0px 15px;
	}
#blogEntries .tagCloud{
width: 90%;
margin-left: 0px;
margin-top: 10px;
background: #cfcfcf;
color: #666666;
padding: 10px;
font-size: 1.2em;
word-spacing: 10px;
}
#blogEntries .tagCloud a {
border-bottom: none;
}
/* Tag Cloud */
#tagCloud, #photoTagCloud {background-color: #efefef; border: 1px #cccccc solid; padding: 10px;}
#tagThisPhoto {position:relative; margin: 10px auto 10px auto; clear:both;}
#tagThisPhoto,#tagCloud, #photoTagCloud { margin: 0px auto; text-align:center; margin-bottom: 10px;}
#tagThisPhoto ul,#tagCloud ul {margin: 0; padding: 0; list-style: none; display: inline;}
#tagThisPhoto ul li,#tagCloud ul li {display: inline!important; margin:2px 5px 2px 5px;}
.smallestTag{font-size: 1em;}
.smallTag{font-size: 1.1em;}
.mediumTag{font-size: 1.2em;}
.largeTag{font-size: 1.3em; font-weight:bold;}
.largestTag {font-size: 1.5em; font-weight: bold;}

/* PORTAL LINKS */

#paBug{
	
	width:700px;
	margin:0px auto;
    padding:0 0 5px 0;
    font-size:0em;
    line-height:0;
	
}

#paBug #paBugLogo{
	background-image:none!important;
	position:absolute;
	text-indent: -999em;
	top: 0px;
	left: 0px;
	height:0px;
	width: 45%!important;
	}*/
#paBug #paBugLogo a{
border-bottom: none;
text-indent: -999em;
position:absolute!important;
top: 0px;
left: 0px;
width: 100px;
height:0px;
padding: 3px;}
/*
#paBug #paLinks{
	height: 5px;
	width: 45%!important;
	position: absolute;
	float:right;
	top: 10px;
	right: 0px;	}*/


#paBug a:link, a:visited{
	color:#b8ce83;
}

#paBug a:hover, a:active{
	color:#cccccc;
}

