/**

If you want this size in pixels (px)  	Declare this percent (%)
10 	77
11 	85
12 	92
13 	100
14 	107
15 	114
16 	122
17 	129
18 	136
19 	144
20 	152
21 	159
22 	167
23 	174
24 	182
25 	189
26 	197

 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

body {
padding:0;
margin:0;
background-color:#e4e4e4;
}

div#container {
margin:0 auto;
margin-top:10px;
width:960px;
border:1px solid #ccc;
padding:5px;
background-color:#FFFFFF;
}

/**
 * 99% for safari; 100% is too large
 */

select, input, textarea {
font:99% verdana,helvetica,clean,sans-serif;
padding:1px;
border:1px solid #999;
/*border:1px solid #A4A4A4;
border-bottom:2px solid #A4A4A4;
border-left:2px solid #A4A4A4;
border-right:2px solid #A4A4A4;*/
}

.selectAble, .selectPerson, .selectSite {
border:none;
}

.no_border {
border:none;
}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

/* Page Styling */

.noSelect {
-moz-user-select: none;
-khtml-user-select: none;
user-select:none;
}

/* Link Styling */

a {
text-decoration:underline;
}

a:link {
color:#0000FF;
}

a:visited {
color:#800080;
}

div.paging a {
text-decoration:none;
}

div.paging span {
background-color:#cccccc;
font-size:92%;
margin:2px;
padding:2px;
}

div.paging a span {
font-size:92%;
margin:2px;
padding:2px;
border:1px solid #ccc;
background-color:#e4e4e4;
color:#000000;
text-decoration:underline;
}

/*
a:hover {
color:#666;
}
*/
.clickNav_outer a, .relatedLinks a {
text-decoration:none;
}

.underline {
border-bottom:1px dotted #666666; 
}

.nounderline {
text-decoration:none;
}

a.faux_button {
font:99% verdana,helvetica,clean,sans-serif;
padding:4px;
border:1px solid #A4A4A4;
border-bottom:2px solid #A4A4A4;
border-right:2px solid #A4A4A4;
background-color:#CCCCCC;
display:block;
width:80px;
text-align:center;
color:#333333;
text-decoration:none;
} 


/* Panel Styling */

.no_results {
border:1px solid #ccc;
width:250px;
background-color:#FF6600;
color:#FFFFFF;
font-weight:bold;
padding:4px;
}

.validation-advice {
color:#FFFFFF;
font-weight:bold;
background-color:#FF6600;
padding:2px;
width:100%;
}

.ok-advice {
color:#FFFFFF;
font-weight:bold;
background-color:#66CC00;
padding:2px;
width:100%;
}

#tableColumn-done div.success,#tableColumn-done div.notice {
width:90px;
padding-bottom:0px;
}

#tableColumn-done div.option {
float:left;
}

#tableColumn-done input {
vertical-align:middle;
float:right;
border:none;
}

span.pop_searches, span.pop_searches a, span.pop_searches a:hover {
font-size:92%;
color:#666;
}

span.pop_searches span.popular, span.pop_searches span.popular a, span.pop_searches span.popular a:hover {
color:#999;
text-decoration:none;
border-bottom:1px dotted #999;
}

span.pop_page, span.pop_page a, span.pop_page a:hover {
text-decoration:none;
border-bottom:1px dotted #999;
color:#666;
}

div.quick_find {
font-size:85%;
}

/* Click Nav Styling */

.clickNav_outer {
width:150px;
}

.clickNav_outer p {
background-color:#FFFFFF;
margin:0;
padding:2px;
}

.clickNav_element {
border:1px solid #fff;
margin:2px;
line-height:17px;
}



/* Bullet Styling */

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

ul.sites {
 list-style-type: none;
}



/* Table Styling */

.list-table {
border:1px solid #ccc;
margin-bottom:10px;
}

.list-table, .edit-table {
border:1px solid #ccc;
margin-bottom:10px;
}

.edit-table {
padding:2px;
}

.edit-table td {
padding-left:4px;
}

.edit-table td.rowAlternate_1 {
font-weight:bold;
color:#666;
}

.list-table td.rowAlternate_1 {
font-weight:bold;
color:#1F1F1F;
}

.rowAlternate_1 {
background-color:#eee;
}

.rowAlternate_2 {
background-color:#e4e4e4;
}

.just_added{
background-image:url(/webadmin/view/images/bgr_just_added.gif);
}

.tableHeader, .tableHeader a, .tableHeader a:visited{
color:#666;
background-color:#EDEDEC;
font-weight:bold;
}

.tableHeader td {
border-bottom:1px solid #ccc;
}

tr.tableHeader.midtable td {
border-top:1px solid #ccc;
text-align:center;
}

.tableHeader a:hover{
color:#e4e4e4;
}

.product_comparison td {
padding:5px;
padding-top:10px;
}

table.product_comparison_home {
border-top:1px solid #ccc;
}

.product_sheet td {
padding:10px;
}

.product_sheet td.left_column {
border-right:1px solid #ccc;
padding:0px;
}

.product_sheet tr.facts td {
border-bottom:1px solid #ccc;
padding:10px;
}

span.price {
color:#6EB33C;
font-weight:bold;
font-size:92%;
}

span.highlight {
background-color:#FFFF99;
}

td.screenshots img {
margin:4px;
border:1px solid #ccc;
background-color:#e4e4e4;
padding:2px;
}

td.screenshots a:hover img {
background-color:#ccc;
}

div.guarantee {
width:592px;
height:452px;
}

div.guarantee_inner {
padding-top:105px;
padding-left:63px;
padding-right:63px;
text-align:left;
}

div.guarantee ul {
margin-top:2px;
margin-bottom:2px;
}

div.guarantee ul li {
margin-bottom:8px;
}

/* Standard CSS Selectors */




/* Non-semantic utilities */

.link-image, .verticalAlign {
vertical-align:middle;
margin-bottom:4px;
}

.spacer_small {
clear:both;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:1px;
height:1px;
line-height:1px;
}

/* text */
.page_title {
font-size:65px;
margin-top:0px;
margin-left:5px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #666;
}

h2{
 font-size: 110%;
color:#115F98;
 margin:15px 0 20px 0;
}

h2.product_title {
font-size: 150%;
color:#115F98;
}

h2.home_title {
color:#115F98;
}

h2.product_title a, h2.product_title a:hover, h2.product_title a:visited {
color:#115F98;
text-decoration:none;
}

h3, h3.popular a, h3.popular a:hover {
 font-size: 110%;
color:#115F98;
}

h4{
 font-size: 100%;
 font-weight: normal;
 margin-top:8px;
}

h5{
 font-size: 100%;
 color: #666;
}

.left_bar_panel p {
margin-top:2px;
padding-top:0;
font-size:85%;
}

.table_name {
font-style:italic;
background-color:#FFFF99;
}

/* Form elements --------------------*/
fieldset {
border: 1px dotted #999;
padding:4px;
padding-top:0px;
}

fieldset input, fieldset select {
margin-bottom:2px;
border:1px solid #999;
font-size:100%;
}

fieldset .submit_button {
width:90px;
}

legend {
font-size: 110%;
font-weight:bold;
color: #666;
margin-bottom:5px;
background-color:#FFFFFF;
}

label {
display:-moz-inline-box;
display:inline-block;
width:125px;
height:20px;
vertical-align:top;
font-style:italic;
}
	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 10px 0 5px 10px;
	border-bottom: 0px solid #cccccc;
	background-color:#ffffff;
	width: 100%;
}

#navBar, #content_bar {
	margin-left: 10px;
	margin-top:10px;
	width:185px;
	padding-top: 5px;
	background-color:#eeeeee;	
	border-bottom:1px solid #ccc;
}

#content_bar {
border:1px solid #ccc;
padding-bottom:5px;
}

#navBar div, #content_bar div {
	margin:0;
	padding-left:2px;
}

#content{
	width:79%;
	float:left;
	margin: 0;
	padding: 0 3% 20px 10px;
}

#navOuter {
  float:left;
}

/************** .story styles *****************/

.story{
	padding: 10px 0px 0px 10px;
	font-size: 92%;
}

.story p{
	padding: 0px 0px 0px 0px;
}


.story table td {

}

div.content table {
font-size:92%;
}

div.with_selected {
font-size:92%;
}

table td.selected_plan {
background-color:#FFFFCC;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul {list-style: none; margin: 10px 0 10px 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar #databaseLinks li {
border-top:1px solid #ccc;
margin:0;
}

#navBar #databaseLinks li a {
text-decoration:none;
}


#navBar #databaseLinks ul {
border-bottom:1px solid #ccc;
}

#navBar #databaseLinks li {
padding-top:2px;
padding-bottom:4px;
}

#navBar .relatedLinks li {
border:none;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #databaseLinks styles ***********/

#databaseLinks{
	background-color:transparent;;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#databaseLinks h3{
	padding: 10px 0px 2px 10px;
}


#databaseLinks a:hover{
	background-color: #dddddd;
	padding: 2px 0px 2px 0px;

}

/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

/* Pop-up styles  --------------------*/

.popOuter {
border:1px solid #ccc;
padding:5px;
background-color:#FF0000;
}

.popTitle {
height:20px !important;
height:25px;
background-color:#0099FF;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #FFFFFF;
padding-top:5px;
padding-left:5px;
border-right:1px solid #ccc;
}

.popControls {
float:right;
margin-top:-12px;
margin-right:5px !important;
margin-right:1px;
}

a:visited {
color:#800080;
}

/* User control panel styles */
#top_nav {
font-size:85%;
}

#top_nav a {
color:#666666;
text-decoration:none;
}

#top_nav a:hover {
color:#999999;
text-decoration:none;
}


#footer_line {
padding:0px 0px 0px 10px;
margin-left:-5px;
margin-bottom:-10px;
border:1px solid #ccc;
border-left:none;
border-right:none;
background-color:#00CC33;
width:960px;
line-height:1px;
height:10px;
}

#user_navigation {
padding:10px 0px 10px 10px;
margin-left:-5px;
border:1px solid #ccc;
border-left:none;
border-right:none;
background-color:#00CC33;
width:960px;
}

#user_navigation a {
color:#ffffff;
text-decoration:none;
font-weight:bold;
font-size:85%;
}

#user_navigation .subnav a.selected {
background-color:#efefef;
}

#user_navigation a.selected {
background-color:#347112;
}

#user_navigation a:hover {
color:#e4e4e4;
text-decoration:none;
}

#user_navigation span.underline {
border-bottom:1px dotted #ffffff; 
}

/* Dialogs */
div.dialog_smart div.content {
padding:5px;
zoom:1;
}

div.feedback {
padding: 4px; 
margin: 0px 10px 0px 0px; 
border: 1px solid #ccc;
font-style:italic;
font-weight:normal;
background-color:#e4e4e4;
}

div.feedback span.author {
font-style:normal;
font-weight:normal;
}

div.fine_details {
display:none;
}

blockquote,div.fakeblockquote { 
background: transparent url(/resources/image/site/left_quote.gif) left top no-repeat; 
margin-top:8px; 
padding-left:13px; 
margin-left:10px; 
font-style:italic; 
color:#666666; 
}

div.fakeblockquote{ 
margin:8px 0 8px 3px; 
padding-left:10px; 
display:block;
width:90%;
}


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: 4px; margin: 0px 10px 0px 0px; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }