/* GLOBAL DEFAULTS */
body  {
	font-size:11px; line-height:13px; font-family:"Lucida Grande", Verdana, Arial, sans-serif; 
	background: #6d99c5 url(../img/branding/blue-background.gif) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
p, ol, ul, dl { margin:.2em 0 .8em 0; }
p { padding:0; line-height:140%; }

h1,h2,h3,h4,h5 { font-weight:bold; }
h1 { font-size:18px; color:#666; padding:0 6px 0 0; margin:0 0 .2em 0; }
h1.page-heading {margin:1em 0 .5em 0;}
h2 { font-size:16px; margin:1em 0 .5em 0; }
h2.subhead { font-weight:normal;margin-top:0; }
h3 { font-size:14px; margin:1em 0 .3em 0; color:#666; font-weight:bold; }
h4 { font-size:12px; margin:1em 0 .8em 0; padding-bottom:3px; }
h5 { font-size:10px; margin:1.5em 0 .5em 0; color:#666; text-transform:uppercase; letter-spacing:1px; }

ul li { list-style-type:square; padding:1px 0; }
ul.plainlist { margin-left:0 !important; }
ul.plainlist li { list-style-type:none; }
li ul { margin-bottom:0; }
li, dt, dd { font-size:11px; line-height:14px; }
dt { font-weight:bold; margin-top:4px; }
dd { margin-left:0; }

form { margin:0; padding:0; }
fieldset { margin:0; padding:0; }

blockquote { font-size:11px; color:#777; margin-left:2px; padding-left:10px; border-left:5px solid #ddd; }
code, pre { font-family:"Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; background:inherit; color:#666; font-size:11px; }
pre.literal-block { margin:10px; background:#eee; padding:6px 8px; }
code strong { color:#930; }
hr { clear:both; color:#eee; background-color:#eee; height:1px; border:none; margin:0; padding:0; font-size:1px; line-height:1px; }

/* TEXT STYLES & MODIFIERS */
.small { font-size:11px; }
.tiny { font-size:10px; }
p.tiny { margin-top:-2px; }
.mini { font-size:9px; }
p.mini { margin-top:-3px; }
.help, p.help { font-size:10px !important; color:#999; }
p img, h1 img, h2 img, h3 img, h4 img, td img { vertical-align:middle; }
.quiet, a.quiet:link, a.quiet:visited { color:#999 !important;font-weight:normal !important; }
.quiet strong { font-weight:bold !important; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.example { margin:10px 0; padding:5px 10px; background:#efefef; }
.nowrap { white-space:nowrap; }
.align-top {vertical-align: top;}
.align-bottom {vertical-align: bottom;}
.noborder{border:none;}
.big{font-size:20px;}
.half{width:50%;}
.center{text-align:center;}
.full{width:100%;margin:0 auto;}
.eighty{width:80%;margin:0 auto;}
.gray{background-color:#ccc;}
.tabbed{margin-left:15px;}
.red{color:red;}

/* TABLES */
table { border-collapse:collapse; border:none; }
td, th { font-size:11px; line-height:13px; vertical-align:middle; padding:5px; font-family:"Lucida Grande", Verdana, Arial, sans-serif; }
th { text-align:left; font-size:12px; font-weight:bold; }
thead th, tfoot td { 
	color:#666; 
	padding:2px 5px; 
	font-size:11px; 
	background:#e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; 
	border-left:1px solid #ddd; 
	border-bottom:1px solid #ddd; }
tfoot td { border-bottom:none; border-top:1px solid #ddd; }
thead th:first-child, 
tfoot td:first-child { border-left:none !important; }
thead th.optional { font-weight:normal !important; }
fieldset table { border-right:1px solid #eee; }
tr.row-label td { font-size:9px; padding-top:2px; padding-bottom:0; border-bottom:none; color:#666; margin-top:-1px; }
tr.alt { background:#f6f6f6; }
.row1 { background:#EDF3FE; }
.row2 { background:white; }
.top-align td{vertical-align:top;}

/* SORTABLE TABLES */
thead th a:link, thead th a:visited { color:#666; display:block; }
table thead th.sorted { background-position:bottom left !important; }
table thead th.sorted a { padding-right:13px; }
table thead th.asc a{ background:url(../img/admin/arrow-down.gif) right .4em no-repeat; }
table thead th.desc a{ background:url(../img/admin/arrow-up.gif) right .4em no-repeat; }

/* ORDERABLE TABLES */
table.orderable tbody tr td:hover { cursor:move; }
table.orderable tbody tr td:first-child { padding-left:14px; background-image:url(../img/admin/nav-bg-grabber.gif); background-repeat:repeat-y; }
table.orderable-initalized .order-cell, body>tr>td.order-cell { display:none; }

/* FORM DEFAULTS */
form li {display:block;}
input, textarea, select { margin:2px 0; padding:2px 3px; vertical-align:middle; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; }
textarea { vertical-align:top !important; }
input[type=text], input[type=password], textarea, select, .vTextField { border:1px solid #ccc; }

/*  FORM BUTTONS  */
.button, input[type=submit], input[type=button], .submit-row input { background:white url(../img/admin/nav-bg.gif) bottom repeat-x; padding:3px; color:black; border:1px solid #bbb; border-color:#ddd #aaa #aaa #ddd; }
.button:active, input[type=submit]:active, input[type=button]:active { background-image:url(../img/admin/nav-bg-reverse.gif); background-position:top; }
.button.default, input[type=submit].default, .submit-row input.default { border:2px solid #5b80b2; background:#7CA0C7 url(../img/admin/default-bg.gif) bottom repeat-x; font-weight:bold; color:white; float:right; }
.button.default:active, input[type=submit].default:active { background-image:url(../img/admin/default-bg-reverse.gif); background-position:top; }

input.headersorter {
	background:none;
	cursor:hand; 
	padding:3px 0 0 10px; 
	color:#666; 
	border:0; 
	font-size:11px; 
	font-weight:bold;
	vertical-align:middle}
th.asc input.headersorter{background:url(../img/admin/arrow-down.gif) left .4em no-repeat; }
th.desc input.headersorter{background:url(../img/admin/arrow-up.gif) left .4em no-repeat; }

/* MODULES */
.module { border:1px solid #ccc; margin-bottom:5px; background:white; padding:10px }
.module p, .module ul, .module h3, .module h4, .module dl, .module pre { padding-left:10px; padding-right:10px; }
.module blockquote { margin-left:12px; }
.module ul, .module ol { margin-left:1.5em; }
.module h3 { margin-top:.6em; }
.module h2, .module caption, .inline-group h2 { margin:0; padding:2px 5px 3px 5px; font-size:11px; text-align:left; font-weight:bold; background:#7CA0C7 url(../img/admin/default-bg.gif) top left repeat-x; color:white; }
.module table { border-collapse: collapse; }

/* MESSAGES & ERRORS */
ul.messagelist { 
	height: 45px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	background: none;
	overflow:visible;
	}

ul.messagelist li {
	padding:5px 0 0 30px;
	margin:0;
	height: 37px;
	border-bottom:3px solid #ddd;
	display:block;
	font-size:20px;
	color:#666;
	background:#ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat;
	}
	
.errornote { 
	font-size:12px !important; 
	display:block; 
	padding:4px 5px 4px 25px; 
	margin:0 0 3px 0; 
	border: 1px solid red; 
	color: red;
	background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat; }
ul.errorlist { 
	margin: 0 !important; 
	padding: 0 !important; }
.errorlist li { 
	font-size: 12px !important; 
	display: block; 
	padding: 4px 5px 4px 25px; 
	margin:0 0 0 0; 
	border-bottom: 3px solid #ccccff; 
	color: blue; 
	background: orange  url(../img/admin/icon_alert.gif) 5px .3em no-repeat; }
td ul.errorlist { 
	margin:0 !important; 
	padding:0 !important; }
td ul.errorlist li { 
	margin:0 !important; }
.errors { background:#ffc; }
.errors input, .errors select { border:1px solid red; }
div.system-message { 
	background: #ffc; 
	margin: 10px; 
	padding: 6px 8px; 
	font-size: 12px; }
div.system-message p.system-message-title { 
	padding:4px 5px 4px 25px; 
	margin:0; color:red;  
	font-size: 14px; 
	background:#ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat; }
.description { 
	font-size:12px; 
	padding:5px 0 0 12px; }

/* PAGE LAYOUT */
#container { 
	width: 900px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#javascript.required{display:none;}
#tabsContent{display:none;}

#header { 
	background: white;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	-moz-border-radius-topleft:5px 5px;
	-moz-border-radius-topright:5px 5px;
} 

div#pretitle {	
	color:#666; 
	padding:2px 5px; 
	font-size:22px; 
	font-weight:bold; }

#content {
	padding:10px 50px 30px 50px;	
	margin-bottom: 0;
	background: #ffffff;
	min-height: 350px;
	height: 350px;
	-moz-border-radius-bottomleft:5px 5px;
	-moz-border-radius-bottomright:5px 5px;
}

html>body #content { height: auto; }

#footer td{ 
	background: none;
	padding:  0 5px 0 5px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	font-size:10px; /* this overrides the text-align: center on the body element. */
 	margin-top: 5px;
	border:none;
}
#footer a { 
	padding: 0 15px 0 15px;
}
#footer table{width:100%;}
#footer a:link, #footer a:visited, #footer p { color:white; text-decoration:none; }

#user-tools{ 
	float: right; 
	width: 500px; /* since this element is floated, a width must be given */
	padding: 15px 5px 0 0 ;
	text-align:right;
	font-size:12px;
}
#user-tools a{
	padding: 0 10px 0 10px;
}

div #top-white-space{height:48px;}
#header-line{ background:#428bd2 url(../img/branding/new_line.gif) repeat-x; height:33px;}
div .branding{background: url(../img/branding/new_logo.gif) right no-repeat; float:left;width: 340px; height: 107px;}
div #below-the-line{height:30px;}

/* LINKS */
a:link, a:visited { color: #5b80b2; text-decoration:none; }
span.link:hover { color: #036; }
span.link{color: #5b80b2;}
a:hover { color: #036; }
a img { border:none; }
a.section:link, a.section:visited { color: white; text-decoration:none; }

/* SIDEBAR */
/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColElsRtHdr #sidebar1 p" rule.
*/
#sidebar-right {
	float: right; 	
	min-height: 304px;
	-moz-border-radius-topleft:5px 5px;
	-moz-border-radius-topright:5px 5px;
	-moz-border-radius-bottomright:5px 5px;
	-moz-border-radius-bottomleft:5px 5px;
	border:#000 solid 1px;
	height: 100%;
	margin:-20px -50px 0 5px;
	width: 200px; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}

html>body #sidebar-right { height: auto; }

#sidebar-right h3, #sidebar-right p, #sidebar-right h2, #sidebar-right li, #sidebar-right ul {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

#sidebar-right p, #sidebar-right li {
	font-size:10px;
}
#sidebar-right h2 {
	font-size:15px;
}

/* BREADCRUMBS */
div.breadcrumbs { background:white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x; padding:2px 8px 3px 8px; font-size:11px;  color:#999;  border-top:1px solid white; border-bottom:1px solid #ccc; text-align:left; }

/* ACTION ICONS */
.addlink { padding-left:12px; background:url(../img/admin/icon_addlink.gif) 0 .2em no-repeat; }
.changelink { padding-left:12px; background:url(../img/admin/icon_changelink.gif) 0 .2em no-repeat; }
.deletelink { padding-left:12px; background:url(../img/admin/icon_deletelink.gif) 0 .25em no-repeat; }
a.deletelink:link, a.deletelink:visited { color:#CC3434; }
a.deletelink:hover { color:#993333; }

/* OBJECT TOOLS */
.object-tools { font-size:10px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; padding-left:0; float:right; position:relative; margin-top:-2.4em; margin-bottom:-2em; }
.form-row .object-tools { margin-top:5px; margin-bottom:5px; float:none; height:2em; padding-left:3.5em; }
.object-tools li { display:block; float:left; background:url(../img/admin/tool-left.gif) 0 0 no-repeat; padding:0 0 0 8px; margin-left:2px; height:16px; }
.object-tools li:hover { background:url(../img/admin/tool-left_over.gif) 0 0 no-repeat; }
.object-tools a:link, .object-tools a:visited { display:block; float:left; color:white; padding:.1em 14px .1em 8px; height:14px; background:#999 url(../img/admin/tool-right.gif) 100% 0 no-repeat; }
.object-tools a:hover, .object-tools li:hover a { background:#5b80b2 url(../img/admin/tool-right_over.gif) 100% 0 no-repeat; }
.object-tools a.viewsitelink, .object-tools a.golink { background:#999 url(../img/admin/tooltag-arrowright.gif) top right no-repeat; padding-right:28px; }
.object-tools a.viewsitelink:hover, .object-tools a.golink:hover { background:#5b80b2 url(../img/admin/tooltag-arrowright_over.gif) top right no-repeat; }
.object-tools a.addlink { background:#999 url(../img/admin/tooltag-add.gif) top right no-repeat; padding-right:28px; }
.object-tools a.addlink:hover { background:#5b80b2 url(../img/admin/tooltag-add_over.gif) top right no-repeat; }

/* OBJECT HISTORY */
table#change-history { width:100%; }
table#change-history tbody th { width:16em; }

/* Account Tab Menu */

#AccountNav{
	padding:5px 10px 10px 10px;
	text-align:center;
	margin:0 0 30px 0;
	border-bottom:1px solid #cecece;}
#AccountNav li{
	display:inline; 
	margin-left:-4px;}
#AccountNav li a{
	display:inline;
	padding:5px 10px 10px 10px;
	background-color:#e6e6e6;
	text-decoration:none;
	color:#4c4c4c;
	border-top:1px solid #cecece;
	border-right:1px solid #cecece;
	border-left:1px solid #cecece;
	border-bottom:1px solid #cecece;}
#AccountNav li a:hover{
	text-decoration:none;
	color:black;
	background-color:#999;}
#AccountNav li.active{
	padding:5px 10px 10px 10px;
	border-top:1px solid #cecece;
	border-right:1px solid #cecece;
	border-left:1px solid #cecece;
	border-bottom:2px solid #fff;}
#AccountNav li.active a{
	display:inline;
	background-color:#fff;
	text-decoration:none;
	color:#4c4c4c;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:2px solid #fff;}

/*  Pagination */
.pagination {
	padding: 0 5px 0 5px;
	text-align:center;
}

#pagination_bottom{
	margin:10px 0 10px 0;}
	
#pagination_top{
	margin:10px 0 10px 0;}
	
.step-links span, .step-links input[type=submit]{
	padding: 0 5px 0 5px;
	text-align:center;
}

.pagination span{
	font-family: Tunga;
	color: #000000;
	vertical-align:middle;
	font-size: 18px;}
	
.pagination #pagination_top input[type=submit], .pagination #pagination_bottom input[type=submit]{
	cursor: hand;
	background: none;
	color:#5b80b2;
	border:0;
	font-size: 18px;
	font-family: Tunga;}

.pagination #pagination_top input[type=submit]:hover, .pagination #pagination_bottom input[type=submit]:hover{
	color:#036;
}
/* Object List */
.object-list table{ width: auto;}

.results-description { 
	float:left;
	font-size:12px; 
	padding:5px 0 0 12px; }

/* ASK FORM */
#question {
	width: 100%; 
	margin: 0 auto;
	}

#question tr.question-form { 
	background:#DDD; width:100%;
	border:1px dashed #000;
	}
	
#question-field{
	width: 105px;
	border-bottom:1px dashed #000;}
#question-submit{
	vertical-align: bottom;
	border:none;}
	
#ANSWER{ 
	border-bottom: none;
	}
	
#toolbar {margin: 0; padding: 0;}
#toolbar table{
	width: 620px; 
	margin: 0; 
	padding: 0;
	}

#toolbar tr td{
	font-size: 13px;
	padding: 0;
	width: 50%;
	}
	
#filter_results {
	margin: 0;
	padding: 10px; 
	background: #ddd;
	}
	

.title {padding: 15px 0 15px 0;}

/* Messages form row */
.message_row td{width: 100%;}

/* style tabs */
div.mainContent{
	width: 600px;
	min-height: 350px;
	height: 350px;
	border-bottom:1px #ddd solid;
}

html>body div.mainContent { height: auto; }

div.mainContent table{
	margin: 0;
	width: 615px;
}

table.settingsform{
	margin: 0;
}

table.settingsform td{
	vertical-align: top;
}

ul.featurelist li {
	padding:5px 0 2px 30px;
	margin:0;
	height: 15px;
	display:block;
	font-size:12px;
	background:url(../img/admin/icon_success.gif) 5px .3em no-repeat;
	}

.free-trial-button{
	background: #ffffff url(../img/freetrial.gif) no-repeat;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 122px;
}
