/* ================================= */
/* 1. Init - Initialize tag behavior */
/* ================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }

:focus {
outline: 1; }

ol, ul {
list-style: none; }

table {
border-collapse: separate;
border-spacing: 0; }

caption, th, td {
text-align: left;
font-weight: normal; }


/* =================== */
/* 2. Top Level Styles */
/* =================== */
html { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif;}
html { background:#fff; }
body {line-height: 1; height:100%; color: black; background:#ffffff url('/images/sections/head/bkg-body.jpg') repeat-x; }

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold;  color:#363636; }
p { color:#363636; }

cite, em, dfn { font-style: italic; }
abbr, acronym { text-transform: uppercase; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid; }

img { vertical-align:bottom; }
img.top-image { margin-bottom:20px; }
img.right { margin:0 0 10px 10px; float:right; }
img.left { margin:0 10px 10px 0; float:left; }

a:link, a:visited { text-decoration:none; cursor:pointer; }
a:hover, a:active, a:focus { text-decoration:underline; }

a.xls,
a.pdf,
a.img,
a.doc { text-decoration:underline; padding:2px 0 5px 21px; line-height:1.7em; }
a.xls { background:transparent url(../images/sections/misc/link-xls.gif) top left no-repeat; }
a.pdf { background:transparent url(../images/sections/misc/link-pdf.gif) top left no-repeat; }
a.img { background:transparent url(../images/sections/misc/link-bg-picture.gif) top left no-repeat }
a.doc { background:transparent url(../images/sections/misc/link-doc.gif) top left no-repeat; }
a.print { background:#fff url(../images/sections/misc/link-print.jpg) 0 3px no-repeat; padding:0 0 0 18px; display:block; }
a.info { background:#fff url(../images/sections/misc/link-bg-info.gif) 0 1px no-repeat; padding:0 0 0 18px; }
a.readmore { text-decoration:underline !important; color:#215E7D; }

table { border-collapse:collapse; margin-bottom:20px; }
th { background:#5975b4 url(../images/sections/table/bg-tablehead.jpg) bottom left repeat-x; color:#fff; padding:8px 10px; font-size:1.2em; }
td { background:#fff; color:#363636; padding:5px 10px; font-size:1.2em; border-top:1px solid #cecece; }

fieldset { border: 0px; }
legend { background: #fff; }
select, input { font-family: Verdana, Arial, Helvetica, sans-serif; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border:1px solid #FAA924; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border:1px solid #FAA924; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'],
input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

div#list-pagin:after,
div#content-page div.web-form ul li:after,
div#pagecontent:after, 
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

div#list-pagin,
div#content-page div.web-form ul li,
div#pagecontent, div#home-main, div#home-reg, div#home-webclient, div#home-twitter, div#home-products,
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

* html img,
* html .png {
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/Transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
); }

/* Divider -------------------- */
div.divider { width:450px; height:1px; overflow:hidden; background:#cfcfcf; margin:0 20px 20px 0; }
hr { width:450px; height:1px; overflow:hidden; background:#cfcfcf; margin:0 20px 20px 0; }

.rounded-corners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* =========== */
/* 2. Pagewrap */
/* =========== */
div#pagewrap { width:907px; margin:0 auto; display:block; background:transparent url(/images/sections/head/bkg-header.jpg) no-repeat scroll 182px 0; padding: 0 15px;}

/* =========== */
/* 3. Pagehead */
/* =========== */
div#pagehead { height:91px; display:block; position:relative;}
#logo {float: left; margin: 11px 0 0;}
#utility {float: right; height: 50px; padding: 0 15px; width: 710px;}
#utility select {background: #FFFFFF none repeat scroll 0 0; float: left; height: 25px; }
#globe {margin: 5px 0; float: left;}
#language {margin: 10px 4px; float: left;}
#loggedinas {float: right;}
#signin {float: right; margin: 10px 0;}
#emailadd, #password {margin: 0 0 0 1px; vertical-align: middle; width: 165px; border: 1px solid #BBBBBB; background: #FFFFFF; padding: 5px;}
#submit { height: 24px; margin: 0 0 0 1px; padding-right: 30px; vertical-align: middle; color: #2d519f; font-weight: bold; border: 0; background: url('/images/sections/head/bkg-submit.png') 100% 0 no-repeat; }
#nav{  float: left; margin:0 96px;  font-size:14px; line-height: 1.5em; }
#nav li{float:left;list-style:none; height: 34px; margin: 0; padding: 0; background: url('/images/sections/head/bkg-nav-li.png')  no-repeat; }
#nav li:first-child { background: none;}
#nav li a{ display: block; height: 18px; color:#ffffff;text-decoration:none; margin: 0; padding: 8px 10px; } /* see also ie6.css */ 
#nav li a:hover, #nav li.active {background: #2f8408 url('/images/sections/head/bkg-nav-li.png') 0 -35px no-repeat;}

#headerNavBar {float: right;}
#headerNavBar .username { color:#f6be5f; font-weight:bold; font-size:13px;}
#headerNavBar ul { background:transparent; display:table-cell; padding-right:20px;}
#headerNavBar ul li { vertical-align:middle; display: inline;}
#headerNavBar ul li span { font-weight:bold; color:white; font-size:13px; line-height:45px; vertical-align:middle;}
#headerNavBar ul li a { text-decoration:underline;  color:white; font-weight:bold; font-size:13px; vertical-align:middle;}
#headerNavBar ul li a:hover { color:#f6be5f; text-decoration:underline; }


/* ============== */
/* 4. Pagecontent */
/* ============== */
div#pagecontent { display:block; width:900px; position:relative; top:15px; background:#fff; }
	div#pagecontent h1.top { font-size:2.5em; font-weight:normal; margin-bottom:15px; color:#363636; }
	
/* content-menu -------------------- */
div#content-menu { width:190px; background:#fff; float:left; margin-left: -30px; margin-right:20px; margin-bottom: 20px; display: block;}
	div#content-menu p { color:#fff; display:block; height:19px; padding:13px 10px 0 10px; font-size:1.3em; font-weight:bold; background:transparent url(../images/sections/content-menu/bg-heading.jpg) top left repeat-x; }
	div#content-menu a { color:#fff; font-size:1.1em; }
	
	div#content-menu ul { width:190px; }
	div#content-menu li { border-bottom:1px solid #d9d9d9; color: #5975b3; }
		div#content-menu li a { color: #5975b3; padding:4px 10px 6px 20px; display:block; }
			div#content-menu li a:hover,
			div#content-menu li a:active,
			div#content-menu li a:focus { background:#e0e4ef url(../images/sections/content-menu/link-arrow.png) 10px 6px no-repeat; }
			div#content-menu li a.selected { background:#e0e4ef url(../images/sections/content-menu/link-arrow.png) 10px 6px no-repeat; }
			
		div#content-menu li.active { background:#eaf4b9; }
			div#content-menu li.active a { background:#eaf4b9 url(../images/sections/content-menu/link-arrow-active.png) 8px 8px no-repeat; }
			
			div#content-menu li.active ul li { padding-left:30px; background:#c9e349; border-top:1px solid #b4c175; border-bottom:0; }
				div#content-menu li.active ul li a { padding:4px 0 6px 0; background:#c9e349; }
				div#content-menu li.active ul li.active a { color:#fff; }

/* content-main -------------------- */
div#content-main { width:690px; background:#fff; float:left;}
	div#content-main a { color:#215e7d; text-decoration:underline; }

/* content-main-popup -------------------- */
div#content-main-popup { width:690px; background:#fff; margin-top: 20px; margin-left: auto; margin-right: auto;}
	div#content-main-popup a { color:#215e7d; text-decoration:underline; }

/* Content-page -------------------- */
div#content-page { width:450px; float:left; margin-right:20px; background:#FFF; }
	div#content-page.home { display:block; float:left; width:920px; margin-right:0px; background:transparent url(../images/sections/frontpage/worldback.jpg) top left no-repeat; }
	
		div#content-page.home .productshot { display:block; float:left; width:395px; height:326px; background:transparent url(../images/sections/frontpage/productshot.png) top left no-repeat; }
		div#content-page.home .newsfeed { margin-left: 50px; display:block; float:left; width:395px; height:326px; background:transparent; }
		div#content-page.home .twitter { display:block; float:left; width:384px; height:380px; }
		div#content-page.home .twitter .blue li { background:transparent url(../images/sections/content-page/bg-listitem.jpg) no-repeat scroll left 5px; padding-left:15px; margin-bottom:15px; }
		div#content-page.home .twitter h1 { font-size:2.4em; color:#00CC66; font-weight:bold; margin:0 auto; margin-bottom:5px; text-align: center; }
		div#content-page.home .twitter h2 { font-size:1.4em; color:#3b3b3b; font-weight:bold; margin:0 auto; margin-bottom:5px; text-align: left; margin: 0px 0px 0px 8px; }
		div#content-page.home .twitter h3 { font-size:1.8em; color:#2d519f; font-weight:bold; margin:0 0 3px 0; margin-bottom:5px; text-align: left;}
		div#content-page.home .twitter div#twitterFeedNotice { margin: 10px 8px 0px 18px; display:block; float:left; font-size:1.2em; color:#000000; }
		div#content-page.home .twitterlandingfeed { margin: 5px 8px 0px 18px; display:block; float:left; width:380px; height:500px; background:transparent; }
		

		div#content-page.home .frontform { display:block; float:right; width:450px; margin-right:0px; background:transparent; font-weight:bold;}
		div#content-page.home .frontform h1 { font-size:2.6em; color:#2d519f; font-weight:bold; margin:0 auto; margin-bottom:5px; text-align: center; }
		div#content-page.home .frontform h2 { font-size:1.4em; color:#3b3b3b; font-weight:bold; margin:0 auto; margin-bottom:5px; text-align: center; }

		div#content-page.home .twittersell { display:block; float:left; width:450px; margin:0px 0px 0px 30px; background:transparent; }
		div#content-page.home .twittersell .blue li { background:transparent url(../images/sections/content-page/bg-listitem.jpg) no-repeat scroll left 5px; padding-left:15px; margin-bottom:15px; }
		div#content-page.home .twittersell h3 { font-size:1.6em; font-weight:bold; color:#000000; margin:0 0 3px 0; margin-bottom:5px; text-align: left;}
		div#content-page.home .twittersell .twittersuccess { color:#00CC66; background:transparent; border:0px solid green; font-size:1.2em; width:450px; height:300px; line-height:1.4em; padding:0 0 0 10px; margin:10px 0pt; }

div#home-twitterreg { margin: 0 auto; }
div#home-twitterreg h3 { padding:5px; }


div#content-page.extend { width: 700px; }
div#content-page.fullextend { width: 900px; margin-right:0px; }
div#content-page[mod~="loginindent"] { margin-left: 190px; }
	div#content-page h1 { font-size:1.6em; font-weight:bold; margin:0 0 10px 0; }
	div#content-page h2 { font-size:2em; font-weight:normal; margin:0 0 7px 0; }
	div#content-page h3 { font-size:1.5em; font-weight:normal; margin:0 0 7px 0; }
	div#content-page p { font-size:1.2em; line-height:1.4em; margin:0 0 20px; }
		div#content-page p.preamble { font-size:1.3em; line-height:1.5em; }
		div#content-page p.item { margin:0 0 10px; }
	div#content-page strong.obvious,
	div#content-page b.obvious { color:#4F6F19; }
	div#content-page img.top { margin-bottom:20px; }
	div#content-page a { color:#faa924; text-decoration:underline; }
		
	div#content-page ul { background:#transparent; padding-left:15px; margin-bottom:15px; }
	div#content-page ol { background:#fff; list-style: decimal; list-style-position: inside;}
	div#content-page ol { background:#fff; list-style: decimal; list-style-position: inside;}
	div#content-page li { color:#363636; font-size:1.2em; line-height:1.4em; padding-left:15px; margin-bottom:8px; background:#fff url(../images/sections/content-page/bg-listitem.jpg) left 5px no-repeat; }
	div#content-page li.num { color:#363636; font-size:1.2em; line-height:1.4em; padding-left: 0; background:#fff; }

	div#content-page table.newslist,
	div#content-page table.newslist tr td { border-top: none; vertical-align: top; }

	div#content-page div#admin pre { font-size: 1.2em; padding-bottom:20px; }

/* web-form -------------------- */
div#content-page div.web-form { width:670px; padding:0 0 20px 0; }
div#content-page div.web-form h2 { font-size:1.8em; font-weight:normal; margin:0 0 3px 0; color:#363636; }
div#content-page div.web-form p { font-size:1.2em; line-height:1.4em; margin:10px 0; }
div#content-page div.formSection div.sectionTitle { padding-left: 5px; background-color: #2F8408; line-height:1.6em; font-size:1.6em; color:#FFFFFF; font-weight: bold;}
div#content-page div.formSection div.sectionBody { background-color: #D9D9B9; }
div#content-page div.formSection table { border: 0px; }
div#content-page div.formSection tr td { border: 0px; background-color: #D9D9B9; padding-left: 0; padding-top: 0px; padding-bottom: 0px; padding-right: 40px; height: 20px;}
div#content-page div.formSection tr.hidden {visibility: hidden;}
div.resume textarea { width: 450; height:150px; color:black; border:1px solid #C1C1C1; font-size:12px; margin:0pt; padding:3px 0pt 3px 3px; overflow-x: scroll; overflow-y: scroll;}
div#content-page div.transsignup-form {background-color: #FFFFFF; }
div#content-page div.formSection a { color: #215E7D; }

	div#content-page div.web-form ul { width:670px; padding-left:5px !important; background: #transparent; }
		div#content-page div.web-form ul li { width:670px; margin:5px 0; padding-left:5px !important; list-style:none; font-size:1em; background:transparent; }
			div#content-page div.web-form ul li span.error { color: #ff0000; margin-left: 7px; }
			div#content-page div.web-form ul li span.error a { color: #ff0000; }
			div#content-page div.web-form ul li label { min-width: 180px; font-size:1.2em; font-weight:bold; float:left; line-height:1.4em; padding-right:10px; color:#3B3B3B; }
			div#content-page div.web-form ul li span.instruction { margin-left: 190px; font-size: 1em; line-height: 1.1em; display: block;}

			div#content-page div.web-form ul li input[type="text"],
			div#content-page div.web-form ul li input[type="password"],
			div#content-page div.web-form ul li select { width:190px; background:transparent url(../images/sections/frontpage/formfield-bg.gif) top left repeat-x;}

			div#content-page div.web-form ul li input[type="submit"].orange { background:transparent url(../images/sections/frontpage/signupbutton.png) top left no-repeat; font-size:1.6em; font-weight:bold; color:#000; margin:0; border:0; width:157px; height:54px; }

			div#content-page div.web-form ul li input.error { background-color: #ffc9bb; border-style: solid; border-color: #ff0000; border-width: 1px;}
			div#content-page div.web-form ul li input.text,
 			div#content-page div.web-form ul li textarea { width:110px; height:15px; border:1px solid #CCCCCC; background:#fff url(../images/sections/form/bg-textinput.jpg) top left no-repeat; color:#363636; font-size:11px; padding:2px 4px 1px 4px; }
			div#content-page div.web-form ul li textarea { height:auto; width:200px; font-family: Verdana, Arial, Helvetica, sans-serif; }
			div#content-page div.web-form ul li p { font-size:1.2em; margin:0; float:left; }
			div#content-page div.web-form input.button {  background:#5975b3 url(../images/sections/form/bg-button.gif) bottom left repeat-x; font-size:10px; font-weight:bold; color:#fff; padding:3px 10px; margin:0; border:0; }
			
			div#content-page div.web-form .homepageform { float:left; background:transparent; padding-top:10px; }
			div#content-page div.web-form .homepageform h1 { color:#2d519f; font-size:1.8em !important; font-weight:bold; }
			div#content-page div.web-form .homepageform h3 { color:#3B3B3B; font-size:0.9em !important; font-weight:normal; }
			div#content-page div.web-form .homepageform p { font-size:1.1em !important; font-weight:bold; line-height: 1.4em; margin: 10px 0; text-align: center}
			div#content-page div.web-form .homepageform ul { width:400px; }
			div#content-page div.web-form .homepageform ul li { width:400px; }
			div#content-page div.web-form .homepageform label { width: 130px; }
			div#content-page div.web-form .homepageform ul li span { color:red; margin:0px; }
			div#content-page div.web-form .homepageform td { border: 0px; }

			/* web-form table mods styles */
			div.web-form table label,
			div.web-form table input[type="text"],
			div.web-form table input[type="password"] { width:120px; }
			div.web-form table label,
			div.web-form table input { margin:0px 10px; text-align:left; }

div#content-page div.wideform {width: 100%;}
div#content-page div.wideform ul {width: 100%;}
div#content-page div.wideform ul li {width: 100%;}
div#content-page div.wideform ul li input[type="text"] {width: 490px;}
div#content-page div.wideform ul li textarea {width: 482px;}

/* submit button */
input[type=submit].orangeButton, input[type=button].orangeButton {
	margin: 3px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% Arial, Helvetica, sans-serif;
	padding: .55em 2em .55em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,1);
	box-shadow: 0 1px 2px rgba(0,0,0,1);
	color: #000;
	border: solid 1px #F2BB5E;
	background: #F2BB5E;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCE8C8), to(#F2BB5E));
	background: -moz-linear-gradient(top,  #FCE8C8,  #F2BB5E);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCE8C8', endColorstr='#F2BB5E');
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	text-shadow: 0px 1px 1px #FFFFFF;
}

input[type=submit].orangeButton:hover,input[type=button].orangeButton:hover {
}

input[type=submit].orangeButton:active, input[type=button].orangeButton:active {
	margin: 3px;
	position: relative;
	top: 1px;
	left: 1px;
	background: #F2BB5E;
	background: -webkit-gradient(linear, left top, left bottom, from(#F2BB5E), to(#FCE8C8));
	background: -moz-linear-gradient(top,  #F2BB5E,  #FCE8C8);
}

input[type=submit].orangeButton:hover, input[type=button].orangeButton:hover {
	color: #000000;
}


/* web-form search-form -------------------- */
div#content-page div.search-form ul li select { width:auto; }
div#content-page div.search-form ul li label { min-width:100px; }

/* web-form top-loginbox -------------------- */
div#top-loginbox .web-form { width:670px; padding:0 0 20px 0; font-size: 10px;}
div#top-loginbox-loggedin { font-size: 10px; }
div#top-loginbox-loggedinas { text-transform: uppercase; top: 10px; left: 10px; line-height: 12px; color: #363636; font-weight: bold; position: relative; float: left; font-size: 10px;}
div#top-loginbox-logout { position:relative; font-size: 10px; line-height: 12px; float: right; padding: 10px; font-weight: bold;}
div#top-loginbox-logout a{ color: #363636; text-decoration: underline;}
div#top-loginbox-logout a:hover{ color: #FAA924; text-decoration: underline;}
div#top-loginbox-launchsl { position:absolute; top: 30px; left: 10px;}

/* home-webclient - stuff for the frontpage signup form -------------------- */
div#home-webclient { margin-top:4px; }
div#home-webclient h3 { padding:5px; }

/* content-page - Home -------------------- */
div#home-main { width:900px; height:400px; float:left; background:transparent url(../images/sections/home/home-bg.jpg) top left no-repeat; }

	div#home-products { width:900px; clear:both; display:block; float:left; background:white; margin:20px 0px; }
	div#home-products table { padding:0px 30px; background:none; width: 100%; border:none}
	div#home-products td.first { border-left: none; margin-left:10px;}
	div#home-products td { padding: 20px; width:420px; font-size:1.2em; border-left: 1px solid #CECECE; border-top: 0 none;}
	div#home-products ul li { line-height: 0.9em; font-size:0.9em;}
	div#home-products h1 { font-size: 1.3em; margin: 5px 0px; text-align:center; }
	div#home-products h1 a { color:#f6be5f; line-height:1.3em; text-decoration:underline; font-weight:normal; }
	div#home-products h1 a:hover { text-decoration:none; }
	div#home-products h1 a.green { color:#20A85E; line-height:1.3em; text-decoration:none; font-weight:bold; }
	div#home-products h1 a.green:hover { text-decoration:none; }
	div#home-products h2 { font-size: 1.0em; color:#363636; font-weight:normal; margin: 7px 0px; line-height:1.0em; font-weight:bold; }
	div#home-products p { line-height: 1.2em; font-size: 0.9em; margin:5px; padding-top:5px; }
	div#home-products a.more { position: absolute; right:10px; line-height: 1.4em; font-size:1.0em; vertical-align: bottom; }
	div#home-products span { position: absolute; right:10px; line-height: 1.4em; color:#FAA924; vertical-align: bottom; }

/* errorpage - Error -------------------- */
	div#errorpage { left: 170px; position: absolute; text-align: left; }
	div#errorpage h2 { margin-top:60px; }
	div#errorpage p { }


/* Reports -------------------- */
div#report table { width:100%; }
div#report td { font-size:0.9em; }
div#resultsNav { text-align:right; }

/* ============= */
/* 5. Pagefooter */
/* ============= */
#footer{ height: 48px; margin: 28px 0 0 0; padding: 15px 0; color: #ffffff; background: url('/images/sections/footer/bkg-footer.jpg') ;  clear:both; }
#footer p { width: 907px; margin: 0 auto; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #ffffff; font-size: 12px; line-height: 18px;}
#footer a { color: #ffffff; padding: .5em; text-decoration: none; }
#footer a:hover { background: #002659; text-decoration: underline;}
#footer .copyright { float: right;} 

/* ==================== */
/* 5. Special / Custom  */
/* ==================== */
* div.error { color:red; background: #fecccc; border:0px solid red; font-size:1.2em; line-height:1.4em; padding:0 0 0 10px; margin:10px 0pt; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
div.error a { color:#000000 !important}
* div.success { color:green; background: #c8f6b2; border:0px solid green; font-size:1.2em; line-height:1.4em; padding:0 0 0 10px; margin:10px 0pt; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
* div.warning { color:orange; background: #ffedae; border:0px solid orange; font-size:1.2em; line-height:1.4em; padding:0 0 0 10px; margin:10px 0px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
* span.error { color:red; margin-left:7px; }
* input.button {  background:#5975b3 url(../images/sections/form/bg-button.gif) bottom left repeat-x; font-size:10px; font-weight:bold; color:#fff; padding:3px 10px; margin:0; border:0; }
* [class~="center"] { margin:0 auto; text-align: left; }
.filtered { opacity: 0.75; filter: alpha(opacity = 75); }

.translateText table { border-collapse:collapse; margin-bottom:20px; }
.translateText td { background:#fff; color:#363636; padding:5px 10px; font-size:1.2em; border-top:0px; }

.sitetrans table { border-collapse:collapse; margin-bottom:20px; }
.sitetrans td { background:#fff; color:#363636; padding:5px 10px; font-size:1.2em; border-top:0px; vertical-align: top;}
.sitetrans textarea {width: 750px; height:50px; font-size: 1.2em;}

div#transSignupRatings td.langDirFrom {padding: 0 5px 0 0 !important; max-width: 70px;}
div#transSignupRatings td.langDirTo {padding: 0 15px 0 0 !important; max-width: 70px;}
div#transSignupRatings td.arrow {padding: 0 5px 0 0 !important; width: 20px;}
div#transSignupRatings td.ratings {text-align: center; background-color: transparent !important;}

/* - Session transcript view ------------------------- */
div#content-page .messages { overflow:hidden; width:100%; }
div#content-page .messages .msg_divide_bottom { display:block; background:#C1C1C1; height:1px; overflow:hidden; align:left; margin-left:25px;}
div#content-page .messages textarea { color:black; font-size:12px; height:150px; width:450px; border:1px solid #C1C1C1; overflow-x: hidden; overflow-y: scroll}
div#content-page .messages .right { text-align:right; font-style: italic; font-size:10px; color:#494A4E;  float: right; padding:0px 0px 0px 10px; width: 190px;}
div#content-page .messages .trans_content { float:left; color:#494A4E; font-style: italic; font-size:9px; }
div#content-page .messages .trans_content tr { border: 0px; }
div#content-page .messages .trans_content td { border: 0px; padding: 2px;}
div#content-page .messages .right A { float: right; outline: none; color:#DF8B14; text-decoration:none; font-weight:bold; font-style: italic; background:#ffffff; font-size:10px; }
div#content-page .sessionMessage { font-size:12px; overflow:hidden; line-height:normal;}
div#content-page .sessionMessage .left { float: left; font-size:9px; font-weight:normal; padding:0px 10px 0px 0px; width:100%; } 
div#content-page .sessionMessage .left .name { color:#586da4; font-weight:bold; font-size:13px; overflow:hidden; padding:3px; }
div#content-page .sessionMessage .left .date { display:block; color:#494a4e; font-size:9px; padding:3px; }
div#content-page .sessionMessage .middle { padding:25px;}
div#content-page .sessionMessage .button { color:#586da4; font-weight:bold; border:1px solid #C1C1C1; padding:3px 15px; background-color:white; margin-bottom:10px;}
.sessionMessage pre {
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

div#content-page table.resultSet {width: 100%;}
div#content-page table.resultSet ul.actions {list-style-image:url(/images/sections/misc/bullet-orange.png); list-style-type:disc; margin: 0px 0px 0px 0px;}
div#content-page table.resultSet ul.actions li {color: #363636; background: none; line-height: 1.2em; padding-left: 0px; margin: 0px 0px 0px 0px;}

div#content-page ul.actions {list-style-image:url(/images/sections/misc/bullet-orange.png); list-style-type:disc; margin: 0px 0px 0px 0px;}
div#content-page ul.actions li {color: #363636; background: none; line-height: 1.2em; padding-left: 0px; margin: 0px 0px 0px 0px;}

div#content-page table.documentsSet tr {}
div#content-page table.documentsSet tr td {vertical-align: top; cursor: pointer;}

div#content-page div.summaryText {height: 13px; color: #586DA4; line-height: 12px; margin-bottom: 20px; overflow: hidden;}
div#content-page div.langText {font-size: 9px; color: #A0AFC6}
div#content-page td.transStatusBlock {color: #586DA4;}

div#myTranslationsNav { position:relative; width:100%; height:25px; background:#ffffff; }
div#myTranslationsNav .myTranslationsPageNav { float:right; font-size:12px; padding-top:7px; padding-right: 3px;}
div#myTranslationsNav .myTranslationsPageNav li { display:inline; float:left; font-size:12px; list-style: none outside none}
div#myTranslationsNav .myTranslationsPageNav li a { color:#3455a2; font-weight:bold; font-size:12px; padding-left:5px; }


/* - Order From ------------------------- */
div#content-page div.order-form { width:690px; padding: 10px; background: #07418D; color: #FFFFFF;}
div#content-page div.order-form h1 { font-size:2.4em; font-weight:bold; color: #FFFFFF; }
div#content-page div.order-form h2 { font-size:1.7em; font-weight:bold; color: #FFFFFF; }
div#content-page div.order-form p { font-size:1.2em; line-height:1.2em; margin:10px 0; color: #FFFFFF;}

div#content-page div.order-form textarea:hover, 
	div#content-page div.order-form input[type='text']:hover, 
	div#content-page div.order-form input[type='password']:hover, 
	div#content-page div.order-form select:hover { border:0; }

div#content-page div.order-form textarea:focus, 
	div#content-page div.order-form input[type='text']:focus, 
	div#content-page div.order-form input[type='password']:focus, 
	div#content-page div.order-form select:focus { border:0; }

	div#content-page div.order-form ul { width:690px; padding-left:5px !important; background: #transparent; }
		div#content-page div.order-form ul li { width:690px; margin:5px 0; padding-left:5px !important; list-style:none; font-size:1.2em; font-weight: bold; background:transparent; color:#FFFFFF; }
			div#content-page div.order-form ul li div.lang-select {font-size:1.2em; font-weight:bold; float:left; line-height:2.2em; padding-right:10px; color:#FFFFFF;}
			div#content-page div.order-form ul li span.error {color: yellow; font-size: 10px;}
			div#content-page div.order-form ul li span.error a { color: yellow; }
			div#content-page div.order-form ul li label { min-width: 180px; font-size:1.2em; font-weight:bold; float:left; line-height:1.2em; padding-right:10px; color:#FFFFFF; }
			div#content-page div.order-form ul li span.instruction { margin-left: 190px; font-size: 1em; line-height: 1.1em; display: block;}

			div#content-page div.order-form ul li input[type="text"],
			div#content-page div.order-form ul li input[type="password"],
			div#content-page div.order-form ul li select { width:190px; padding: 5px; border: 0;}
			div#content-page div.order-form ul li input[type="submit"].orange { background:transparent url(/images/sections/frontpage/signupbutton.png) top left no-repeat; font-size:1.5em; font-weight:bold; color:#000; margin:0; border:0; width:157px; height:54px; }
			
			div#content-page div.order-form ul li input.error { background-color: #ffc9bb; border-style: solid; border-color: #ff0000; border-width: 1px;}
			div#content-page div.order-form ul li input.text { width: 190px; height:15px; border:0; background:#fff url(../images/sections/form/bg-textinput.jpg) top left no-repeat; color:#363636; font-size:11px; padding:2px 4px 1px 4px; }
			div#content-page div.order-form ul li textarea { height:100px; width:660px; padding: 5px; border: 0;}
			div#content-page div.order-form ul li p { font-size:1.2em; margin:0; float:left; }
			div#content-page div.order-form input.button {  background:#5975b3 url(../images/sections/form/bg-button.gif) bottom left repeat-x; font-size:14px; font-weight:bold; color:#fff; padding:3px 10px; margin:0; border:1px solid #aaaaaa; }
			
			div#content-page div.order-form table label,
			div#content-page div.order-form table input[type="text"],
			div#content-page div.order-form table input[type="password"] { width:120px; }
			div#content-page div.order-form table label,
			div#content-page div.order-form table input { margin:0px 10px; text-align:left; }

	div#content-page div.option-row {display: inline-block;}
	div#content-page div.level-option {color: #1375CE; background: #FFFFFF; border: 5px solid transparent; cursor: pointer; float: left; height: 50px; margin: 3px 4px 3px 3px; padding: 5px 5px 4px; position: relative; width: 200px; line-height: 10px}
	div#content-page div.level-option:hover { border: 5px solid lightBlue;}
	div#content-page div.level-option h1 {color: #1375CE; font-size: 1.7em;}
	div#content-page div.level-option p {font-size: 1.0em; color: #363636; line-height: 1em;}
	div#content-page div.level-option div.check {display:none; background:transparent url(/images/sections/order/green_check.png) bottom left no-repeat; z-index: 2; height: 30px; width: 30px; position: absolute; left: 175px; top: 43px; }

	div#content-page div.level-option.wide {width: 315px;}
	div#content-page div.level-option div.check.wide {left: 290px; }
	div#content-page div.level-option.grey {background: #BBBBBB;}
	div#content-page div.level-option.grey:hover {border: 5px solid transparent; cursor: default; cursor: not-allowed;}

	div#content-page div.level-option.selected {color: #1375CE; background: #FBB65F; border: 5px solid lightBlue; cursor: default;}
	div#content-page div.level-option.selected h1 {color: #FFFFFF; font-size: 1.7em;}

	div#content-page div.level-option.selected div.check {display:inline;}

	.orderButton { background:transparent url(/images/sections/frontpage/signupbutton.png) top left no-repeat; font-size:1.7em; font-weight:bold; color:#000; margin:0; border:0; width:157px; height:54px; }

	div#content-page div.order-form div#orderTotal {display: inline-block; width: 100%;}
	div#content-page div.order-form div#orderTotal h1 {font-size: 2.3em; font-weight: bold;}
	div#content-page div.order-form div#orderTotal div.spinner{display: none; height: 48px; width: 48px; margin-left: 305px; position: relative; top: -10px; background:transparent url(../images/sections/order/spinner.gif) top left no-repeat;}
	div#content-page div.order-form div#orderDetails {display: block; float: left; font-size: 14px; position: relative;}		

	#purchaseCreditsPanel {display: inline-block; width: 100%; clear: both; margin-top: 10px;}
	#purchaseCreditsPanel #purchaseInfo {padding: 10px; background: #FBB65F; color: #000000; font-size: 16px;}
	#purchaseCreditsPanel #creditBalance {font-weight: bold;}
	#purchaseCreditsPanel #minPurchaseAmount {font-weight: bold;}

	
div.infoPane { margin: 3px; position:relative; display: block; padding: 5px 5px 5px 35px; line-height: 20px; font-size: 12px; border: 2px solid #555555; background: #5e78b5 url(/webhome/img/trans/info-icon.png) left top no-repeat; text-align:left; color: white; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px;}
div.infoPane p { margin: 0px !important; color: #ffffff;}

div.exclamationPane { margin: 3px; position:relative; display: block; padding: 5px 5px 5px 35px; line-height: 20px; font-size: 12px; border: 2px solid #555555; background: #5e78b5 url(/webhome/img/trans/exclamation.png) left top no-repeat; text-align:left; color: white; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px;}
div.exclamationPane p { margin: 0px !important; color: #ffffff;}