*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset, img { border:0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
ol, ul, li { list-style:none;}
caption, th { text-align:left;}
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal;}
q:before, q:after { content:'';}

/* The below restores some sensible defaults */

strong { font-weight: bold;}
em { font-style: italic;}
ol, ul, li { list-style:none;}
object {margin:0 0 15px !important; display:block;}
a { outline:none; color:#1d7ccd; text-decoration:none;} /* Gets rid of Firefox's dotted borders */
a:hover {text-decoration:underline;}
a img { border:none; text-decoration:underline;} /* Gets rid of IE's blue borders */
img.border {border:1px solid #a8a8a8; margin-bottom:10px;}

ol {margin:0 0 10px;}
	ol li {list-style-type:decimal; margin-left:25px;padding-bottom:8px;}

hr {margin:15px 0; .margin:0; background:#fff; padding:0; height:0px; border:none; border-bottom:1px solid #ccc; xclear:both;}
	* html hr {margin:0;}
	
.clear {clear:both;}
.noheight {height:1px; margin-bottom:-1px; overflow:hidden;}

html
html, body {width:100%;}
body {font:74% Arial, Helvetica, sans-serif; background:#eee; min-width:740px; text-align:center; color:#555;}
body * {word-wrap:break-word;}

input, textarea, select {font:1em arial; color:#444;}

h1, h2, h3, h4, p {margin-bottom:12px;}

.left {float:left;}
.right {float:right;}

.five {width:4%;}
.six {width:5%;}
.ten {width:9%;}
.fifteen {width:14%;}
.twenty {width:19%;}
.twentyfive {width:24%;}
.thirty {width:29%;}
.thirtyfive {width:34%;}
.forty {width:39%;}
.fortyfive {width:44%;}
.fortyseven {width:46%;}
.fifty {width:49%;}
.fiftyfive {width:54%;}
.sixty {width:59%;}
.sixtyfive {width:64%;}
.seventy {width:69%;}
.seventyfive {width:74%;}
.eighty {width:79%;}
.eightyfive {width:84%;}
.eightynine {width:88%;}
.ninety {width:89%;}
.ninetyfour {width:93%;}
.ninetyfive {width:94%;}
.ninetyeight {width:97%;}
.hundred {width:100%;}

.third {width:32%;}

.marginright {margin-right:1.6% !Important;}

#outerwrapper, .content, .clickme input, .supportbox, .supportbox b, #helpnav, #footer, .education {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
/* ALL */
.contentinner, form h2, .infopop, .translate  {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

.awesome  {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* TOP */
.xyz, .contentinner, .content h1, ul.minitabs, ul.minitabs li a, .supportbox h3, .supportbox h5, .translate h5 {-webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-top-left-radius:8px; border-top-right-radius:8px;}
/* RIGHT */ 
.xyz {-webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:7px; -moz-border-radius-topright:7px; -moz-border-radius-bottomright:7px; border-top-right-radius:7px; border-bottom-right-radius:7px;}
/* BOTTOM */
.xreadcrumb ul {-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}
/* LEFT */ 
.xyz {-webkit-border-top-left-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-bottomleft:7px; border-top-left-radius:7px; border-bottom-left-radius:7px;}

#outerwrapper {width:960px; margin:30px auto 0 !Important; text-align:left; position:relative; display:inline-block; xborder:1px solid #ccc; background:#fff;
	-moz-box-shadow:0 1px 6px #bbb;
    -webkit-box-shadow:0 1px 6px #bbb;
    box-shadow:0 1px 6px #bbb;
    /*
	opacity:0.97;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
	filter: alpha(opacity=97);
	-moz-opacity: 0.97;
	-khtml-opacity: 0.97;
	*/
}

.header {width:100%; float:left; clear:both; position:relative; margin:0 0 15px; border-bottom:1px solid #ccc;}
	.header a#logo {position:relative; float:left; margin:20px 15px 15px; .padding:0 0 15px; color:#8dc63f; font-size:1.4em; height:17px; z-index:99;}
	.header a#logo:hover {text-decoration:none;}
	.header a#logo img {float:left; margin-right:10px;}

	#innerwrapper {position:relative;}
	
	#contentarea {margin:15px;}
	
		#contentarea h1 {color:#65862b; font-size:1.6em; position:relative;}
		#contentarea p {line-height:1.5em; margin:0 0 15px;}
		#contentarea h1 .supportemail {position:absolute; right:0; font-size:0.7em; color:#999;}
		#contentarea h1 .supportemail a {padding-left:10px; margin-left:10px; border-left:1px solid #ccc; font-size:0.8em; font-style:normal;}

	.masthead {margin:0 0 15px; clear:both; float:left; width:100%;}
		.masthead h1 {color:#666; font-size:1.8em; margin:0; padding:0 0 5px; border-bottom:1px solid #ccc; position:relative;}
		.masthead h1 em {font-size:0.6em; color:#666; font-style:normal; position:absolute; right:0; top:4px;}
		
	.content {background:#fafafa; margin:0 0 15px; .margin:0; border:1px solid #ccc;}
		.content .inner {margin:15px;}
		.contentinner {background:#f0f8e6; background:#fcfcfc; margin:1px 0;}
		.contentinner .inner {margin:14px 14px 0; padding-bottom:1px;}
		
		.content.blank {border:none;}
			.content.blank .inner {margin:0px;}
			.content.blank .contentinner {background:none;}
			.content.blank .contentinner .inner {margin:0;}
			.content.blank h1 {background:none; position:relative; color:#333; font-weight:normal; font-size:1.6em; padding:0; margin:0 0 10px; line-height:normal; height:auto; border:none; text-indent:0px;}
			.content.blank h1.info {padding-left:22px; background:url(images/uber_icon_info.png) no-repeat left 1px;}
		
		.content.grey {background:#eee;}
				
		.content h1 {background: #bbdd8c; position:relative; text-indent:10px; color:#50781b !Important; width:100%; height:32px; line-height:33px; font-weight:bold; font-size:1.1em !Important; border:1px solid #9fc46b; top:-2px; left:-1px;}
		.content h2 {font-size:1.1em; font-weight:bold; color:#444;}
		.content h3 {font-size:1em; color:#6aab16;}
		.content p {line-height:1.4em;}
		.content p a {xcolor:#555;}

		
		.content .statusbadge {width:78px; height:112px; float:left; display:inline; margin-right:15px;}
		.content h3.divider {padding:6px 10px; font-weight:bold; font-size:1.1em; margin-bottom:0 !Important;}
		.console h1 {font-size:1.3em; line-height:34px;}
		
		/* GREEN */
		.content.green h1 {background:url(images/uber_contenth1bg.gif) repeat-x left top #b2d880; background: #b2d880; color:#50781b;}
		.content.green .statusbadge {background:url(images/uber_badge_green.png) no-repeat left top;}
		.content.green h3.divider {background:url(images/uber_contenth1bg.gif) repeat-x left top #b2d880; border-top:1px solid #bbdd8c; border-bottom:1px solid #bbdd8c; color:#53722a;}
		
		/* AMBER */
		.content.amber h1 {background:#f8b552; color:#955e0d; border-color:#bc9e71;}
		.content.amber .statusbadge {background:url(images/uber_badge_yellow.png) no-repeat left top;}
		.content.amber h3.divider {background:#f8b552; border-top:1px solid #d9a556; border-bottom:1px solid #d9a556; color:#955e0d;}

		/* GREY */
		.content.grey h1 {background:url(images/uber_navbg.gif) repeat-x left top #dadada; color:#555; border-color:#aaa; }
		.content.grey .statusbadge {background:url(images/uber_badge_grey.png) no-repeat left top;}
		.content.grey h3.divider {background:url(images/uber_contenth1bg_grey.gif) repeat-x left top #bdbdbd; border-top:1px solid #bbb; border-bottom:1px solid #bbb; color:#555;}
		.content.grey .contentinner {background:#fcfcfc;}

		/* BLUE */
		.content.blue h1 {background:url(images/uber_contenth1bg_blue.gif) repeat-x left top #7cbbdc; color:#215471; border-color:#799fb4;}
		.content.blue .statusbadge {background:url(images/uber_badge_blue.png) no-repeat left top;}
		.content.blue h3.divider {background:url(images/uber_contenth1bg_blue.gif) repeat-x left top #7cbbdc; border-top:1px solid #799fb4; border-bottom:1px solid #799fb4; color:#215471;}

		/* RED */
		.content.red h1 {background:#ea3c33; color:#fff; border-color:#b52921;}
		.content.red .statusbadge {background:url(images/uber_badge_red.png) no-repeat left top;}
		.content.red h3.divider {background:url(images/uber_contenth1bg_red.gif) repeat-x left top #ea3e35; border-top:1px solid #c2736a; border-bottom:1px solid #c2736a; color:#fff;}		
				
		form p {width:100%; margin:0 0 8px;}
			form p input {margin-right:8px; position:relative; top:1px;}
			form textarea {padding:4px;}
		form label { display:inline-block;}
		form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {margin:0; border:1px solid #cbcbcb; padding:4px 0 4px 4px; color:#444; display:inline-block; background:#fff;}
		form select {padding:3px 3px 3px 0;} 
		
		dl {width:100%; position:relative; display:block; margin:0 0 8px;}
		dt, dd {display:inline-block; margin:0 0 8px;}
		dt {padding:0; vertical-align:top; position:relative; color:#444;}
		dt label {width:100% !important; xtext-align:right; padding:5px 0 0;}
		dd {margin:0; position:relative; color:#777;}
		dl input[type="text"], dl input[type="email"], dl input[type="password"] {width:100%;}	
		dd select {width:101.8% !Important; padding:3px 3px 3px 0;}	
		dd p {margin:0 !Important;}
	
		dd input.nomargin {margin:0 8px 8px; padding:4px 8px 3px; background-position:left -4px;}
		
		form.squashform {margin:0 0 5px;}
		form.squashform dl {margin:0;}
		form.squashform div {padding-bottom:15px;}
		form h2.subheader {margin:15px 0; xbackground:#deeace; xcolor:#68853f !Important; background:#e3e3e3; color:#555 !Important; padding:7px; text-indent:1px; width:100%; margin-left:-7px;}
		form .content.blank h2 {font-size:1.4em;}
		form .content.blank h3 {font-weight:bold; font-size:1.1em;}

		form dt, form dd {display:inline-block; margin:0;}
		
		/*form dl.error dt {border:1px solid #e99a29; background:#fff3c8; color:#e68b0a; font-weight:bold;}	*/
		form dl.error input[type="text"], form dl.error input[type="email"], form dl.error input[type="password"], form dl.error select {background:#fcf9ec; border:1px solid #e99a29;}	
		form dl.error p, form p.errorp {border:1px solid #e99a29; border-top:none; background:#fff3c8; color:#e68b0a !Important; xfont-weight:bold; width:100%; padding:4px 0 4px 4px;}
			
		span.star {font-weight:bold; color:#5d9e08; font-size:1.7em; padding:0; margin:-2px 0 -15px 2px; line-height:0em; position:relative;}
		
		form input.auto, form label.auto {width:auto;}	
		
		.form_vert input, .form_vert textarea, .form_vert select {width:97%; margin:5px 0 !Important;}
			.form_vert textarea {width:96.5%; border:1px solid #cbcbcb;}
		
		.awesome, .awesome:visited {
			background:url(images/uber_awesomebg.gif) repeat-x left 0 #f6f6f6; 
			padding: 6px 12px; 
			color: #555; 
			text-decoration: none;
			border: 1px solid #b0b0b0;
			cursor: pointer;
			position:relative;
			display:inline-block;
			font-size:1.1em;
			font-weight:bold;
			text-shadow:1px 1px 0 #fff;
			margin: 3px 8px 3px 0;
			width:auto !Important;
		}
		
		.awesome:hover {background:#fff; color:#444; text-decoration:none;}
		.awesome:active {background:#888; color:#fff; border-color:#555; text-shadow:-1px -1px 0 #555; -moz-box-shadow: inset 0px 0px 10px #666; -webkit-box-shadow: inset 0px 0px 10px #666; box-shadow: inset 0px 0px 10px #666;}
		
		.suppoptions:first-child{margin:10px 0px 10px 0px!important;}
		.suppoptions{margin:0px 0px 10px 0px!important;}
		
		dd .awesome.right {margin-right:-6px;}

	/* GREEN
	.ubertable {border:1px solid #ccc; width:100%; margin:0 0 15px;}
		.ubertable th, .ubertable td {padding:5px; background:#fff; vertical-align:top;}
		.ubertable th {background:url(images/uber_contenth1bg.gif) repeat-x left top #b2d880; color:#527523; font-weight:bold; border:1px solid #89b254; text-shadow:0 1px 0 #e0f0ca;}
		
	.ubertable.bordered {border-top:1px solid #ccc; border-left:1px solid #ccc;}
		.ubertable.bordered th {border:1px solid #89b254;}
		.ubertable.bordered td {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
	*/
		
	.ubertable {border:1px solid #ccc; width:100%; margin:0 0 15px;}
		.ubertable th, .ubertable td {padding:5px; background:#fff; vertical-align:top;}
		.ubertable th {background:url(images/uber_navbg.gif) repeat-x left top #dadada; color:#444; font-weight:bold; border:1px solid #aaa; text-shadow:0 1px 0 #fff;}
		
	.ubertable.bordered {border-top:1px solid #ccc; border-left:1px solid #ccc;}
		.ubertable.bordered th {border:1px solid #aaa;}
		.ubertable.bordered td {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
		
		th.subth {background:#eee !Important;}
		
		.useredit {width:15px; height:16px; display:inline-block; background:url(images/icon_user_edit.gif) no-repeat left top; text-indent:-99em; letter-spacing:-99em; overflow:hidden; position:relative; margin:-1px 0 -5px;}
		
		.nobreak {white-space:nowrap;}
		
	.blanktable {width:100%; margin:0 0 5px;}
		.blanktable th {padding:0 0 8px; font-size:1.1em; font-weight:bold;}
		.blanktable td {padding:0 0 8px;}
		
	#footer {width:960px; position:relative;  margin:20px auto; background:#888; color:#fff; text-align:left;}
		#footer .inner {margin:15px 18px; font-size:0.9em;}
		#footer ul {float:right;}
		#footer li {float:left; padding:14px 0;}
		#footer li a {float:left;  margin:0 0 15px 10px; padding-left:10px; border-left:1px solid #888; color:#fff;}
		#footer li a:hover {text-decoration:underline;}
		#footer p {color:#fff; padding:14px 0;}		
		
.ui-tooltip{font-size:1em;width:200px;border:1px solid #c93;padding:8px 12px;line-height:1.3em;background:#ffc;-moz-box-shadow:1px 1px 2px #ddd;-webkit-box-shadow:1px 1px 2px #ddd;box-shadow:1px 1px 2px #ddd;color:#444;}
.ui-tooltip-arrow{position:absolute;left:-10px;top:5px;width:10px;height:19px;background:url(images/formtip_pointer.gif) left top no-repeat;}
    
ul.bullets {padding-left:20px;}
	ul.bullets li {list-style-type:disc !Important; padding:0 0 4px;}

ul.minitabs {position:relative; float:left; margin:0 0 15px; width:100%; clear:both; background:url(images/minitabbg.gif) repeat-x left top #c1c1c1; border-top:1px solid #909090;}
	ul.minitabs li {float:left; display:inline; margin:4px 0 0 4px; position:relative; z-index:9;}
	ul.minitabs li a {position:relative; padding:7px 12px 5px; float:left; display:inline-block; background:#d1d1d1;  text-shadow:none; font-weight:bold; color:#555; font-size:1em; border-bottom:1px solid #888; outline:none;}
	ul.minitabs li a:hover {text-decoration:none; background:#dfdfdf;}
	ul.minitabs li a.active, ul.minitabs li a.active:hover {background:#fff !Important; color:#333; border-bottom:1px solid #fff;}
	
	ul.minitabs li.signout {float:right; margin-right:4px;}
		
	.newleftmenu{text-align:center;}
	
	#contentarea .supportbox .inner p {margin:0 10px 15px; float:left;}
	
	#sendanothermessage, #cancelmessage {display:none;}
	
	.translate {float:left; width:48%; display:inline-block; margin:0 0 11px 11px; border:1px solid #e1e1e1; background:#fff; box-shadow:0 0 10px #ddd;}
		.translate h5 {text-indent:10px; font-size:0.9em !important; font-weight:normal; background:#f8f8f8; border-bottom:1px solid #e1e1e1; padding:6px 0;}
		.translate div {background:none !Important; font-size:0.9em !important; border:none !Important; padding:0 !Important; color:#333; margin:10px;}
	
	.welcomeforgotpassword {font-size:0.9em; margin-left:10px;}
	.infopop {position:relative; background:url(images/icon_tick_square.png) no-repeat 10px center #d3e5f4; padding:10px 0; text-indent:34px; font-size:1em; color:#197dd1; font-weight:bold;}
	.infopop span {color:#444; font-size:0.9em; position:absolute; right:8px; top:6px; font-weight:normal;}
	.infopop input {width:auto !Important; background:none; border:none; margin:0; padding:0; color:#197dd1; cursor:pointer; position:relative; top:0px;}
		.infopop input:hover {text-decoration:underline;}

.advicenow {padding-left:270px; float:left;}

#helpnav {background:url(images/helpnav_bg.gif) repeat-x left top #496229; float:left; width:220px; clear:both; margin:0 0 15px; position:relative; z-index:99; padding:15px; margin-left:-270px}
	
	#helpnav li {float:left; display:block; position:relative; width:100%; color:#fff; font-weight:bold; cursor:pointer; margin:2px 0;}
	#helpnav li a {color:#fff; float:left; display:block;}
	#helpnav li a:hover {text-decoration:none;}
	
	#helpnav ul {float:left; clear:both; margin:2px 10px 0; position:relative;}
		#helpnav ul li a {padding:1px 0; font-weight:normal; font-size:0.9em;}
		#helpnav ul li a:hover, #helpnav ul li.currentpage a {text-decoration:underline;}
			
#helpContent {float:left;}

/***** IE7  *****/
#contentarea .info.advicenow {.float:none;}
#helpContent {.margin:0 15px 0 0; .float:right; .display:inline-block;}
#helpnav ul li {.width:100%; .float:left; .clear:both;}

#contentarea .advicenow table p, #contentarea .advicenow table p font {margin:0; color:#444 !Important;}

.advicenow table {border-top:1px solid #aaa !Important; border-left:1px solid #aaa !Important; width:100% !Important; margin:0 0 15px !Important;}
	.advicenow table td {border:1px solid #aaa !Important; background:#fff; vertical-align:top; padding:0 !Important; width:auto !Important;}
	.advicenow table td p {padding:5px; color:#444 !Important;}
	.advicenow table td p {padding:5px; color:#444 !Important;}
	.advicenow table td p span {color:#444 !Important;}
	
	#contentarea .advicenow table td p.TableHead {background:url(images/open_headerbg_green.gif) repeat-x left top #73aa2a !Important; padding:5px !Important; color:#fff !Important; font-weight:bold; text-shadow:1px 1px 0 #4d701e;}
	
	.advicenow h2 {font-weight:bold; font-size:1.2em;}
	
	.advicenow p {margin-left:0 !Important; clear:both;}
	
	.nobreak {white-space:nowrap;}
	.advicenow table tr.even td {background:#f1f1f1;}
	
	.advicenow ul, .advicenow ol ul {margin-left:20px;}
	.advicenow ul li, .advicenow ol ul li {list-style-type:disc;}
	
	.advicenow .p-Bullet {margin-left:10px !Important; padding-left:0 !Important;}
	
	.footercode {margin:0 0 15px; color:#999 !Important;}	
		
#subtabs {float:left; position:relative; z-index:2; clear:both; margin:0 0 10px; border-bottom:1px solid #bbb; width:100%;}
	#subtabs li {float:left; position:relative; bottom:-1px;}
	#subtabs li a {float:left; display:inline; padding:6px 10px; background:#ddd; margin-right:4px; color:#444; font-weight:bold; border:1px solid #bbb; font-size:11px;
		-webkit-border-top-left-radius:8px; 
		-moz-border-radius-topleft:8px; 
		border-top-left-radius:8px; 
		-webkit-border-top-right-radius:8px; 
		-moz-border-radius-topright:8px; 
		border-top-right-radius:8px; 
	}
	#subtabs li a:hover {background:#eee; text-decoration:none;}
	#subtabs li a.active {background:#fff; border-bottom:none; padding-bottom:7px;}
		
.education {background:url(images/icon_education.png) no-repeat 12px center #d6eaf4; border:1px solid #88badd; margin:0 0 15px; padding:8px 0 0;}
	.education p {margin:0 0 8px !Important; padding:0 0 0 48px; display:block; color:#5390bb; font-size:0.9em;}
	.education p strong {display:block; margin-bottom:2px; font-size:1.1em; color:#1288da;}
	
		
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	body {min-width:1px; width:100%; background:#fff;}
	#outerwrapper {width:100%; margin:0 !Important; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; box-shadow:none !important;}
	#xfooter {display:none;}
	
	form dt, form dd {display:block; width:100% !Important; font-size:1.4em;}
	form dt {margin:0 0 1em;}
	
	.infopop {position:relative; background:#d3e5f4; padding:10px; font-size:1em; color:#197dd1; font-weight:bold; width:auto; text-indent:0px;}
		.infopop span {color:#444; font-size:0.9em; position:relative; font-weight:normal; display:block; padding:5px 10px 10px;}
		.infopop input {width:auto !Important; background:none; border:none; margin:0; padding:0; color:#197dd1; cursor:pointer; position:relative; top:0px;}
			.infopop input:hover {text-decoration:underline;}
	
	#sendanothermessage,#sendanothermessage2{float:left; display:block;}
	
	#contentarea h1 {color:#65862b; font-size:1.6em; position:relative;}
		#contentarea p {line-height:1.5em; margin:0 0 15px;}
		#contentarea h1 .supportemail {position:relative; right:auto; left:0; font-size:0.7em; color:#999; float:left; clear:bothl display:block; margin:1em 0; background:#eee; width:100%; padding:1em 0; border:1px solid #ccc; text-indent:1em; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
		#contentarea h1 .supportemail a {padding-left:10px; margin-left:10px; border-left:1px solid #ccc; font-size:0.8em; font-style:normal;}
		
		#cancelmessage {clear:both; display:inline-block; margin:10px 0 !Important; left:0;}
		
		.education {background:#d6eaf4; border:1px solid #88badd; margin:0 0 15px; padding:8px 0 0; float:left; clear:both;}
			.education p {margin:0 10px 10px !Important; padding:0; display:block; color:#5390bb; font-size:0.9em;}
			.education p strong {display:block; margin-bottom:2px; font-size:1.1em; color:#1288da;}
		
	.form_vert label {margin:0 0 10px !Important; display:block; float:left; width:100%;}
		.form_vert input, .form_vert textarea {margin:0 0 15px !Important; display:block; float:left; width:100%; font-size:1.1em;}
		#reqselect {position:relative; margin:0 0 15px !Important; clear:both; z-index:99999; font-size:1.1em;}
}


/*  COOKIE BAR */

#CookieWarningBar {position:relative; min-width:960px; background:url(images/cookiebarbg.gif) repeat-x left top #363636; border-bottom:1px solid #fff; display: none; float:left; width:100%; margin-bottom:10px; text-align:left;}

#CookieInfo {background:url(images/icon_cookieinfo.png) no-repeat left center; margin:10px; padding:0 130px 0 41px; .padding-bottom:1px;}
	#CookieInfo h2, #CookieInfo p {margin:0 0 5px !Important; }
	#CookieInfo h2 {font-size:1.2em; color:#fff; font-weight:bold;}
	#CookieInfo p {color:#ddd;}
	#CookieInfo a {color:#9ecb2d;}
	#CookieAllowBtn {position:absolute; right:5px; top:10px;}

#CookieMoreInfo {display:none; margin:15px;}

.cookiesection {float:left; width:32.66%; background:#555; border-radius:10px; margin-bottom:15px;}
	.cookiesection.mright {margin-right:1% !Important;}
	.cookiesection h3 {background:#333; color:#fff; border-top-radius:10px; text-indent:10px; padding:5px 0; font-size:1.2em;}
	.cookiesection h3 {-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px;}
	.cookiesection div {margin:10px;}
	.cookiesection p {color:#eee;}
	.cookiesection p a {color:#84cefb;}

#CookieMoreInfoCloseBtn {position:relative;float:none; clear:both; margin:0 0 5px -50px !Important; width:100px; text-align:center; left:50%;}

.snazzy, .snazzy:visited{padding: 6px 12px;color: #fff !important;text-shadow: 0 1px 0 #444;text-decoration: none;border: 1px solid #444;white-space:nowrap;cursor: pointer;position:relative;display:inline-block;font-size:1.1em;font-weight:bold;margin: 3px 8px 3px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background: url(images/snazzybg.gif) repeat-x left -1px #73ab01;}

.snazzy:hover {background:#72aa00; text-decoration:none; -moz-box-shadow: inset 0px 2px 5px #344e00; -webkit-box-shadow: inset 0px 2px 5px #344e00; box-shadow: inset 0px 2px 5px #344e00;}
.snazzy:active {background:#444; border-color:#000; -moz-box-shadow: inset 0px 0px 10px #222; -webkit-box-shadow: inset 0px 0px 10px #222; box-shadow: inset 0px 0px 10px #222;}

#CookieMoreInfo .snazzy {border-color:#000;}		
		
/* NEW HELP */

.TableStyle-Basic {float:left; clear:both; border-top:1px solid #666; border-left:1px solid #666; border-collapse:collapse; margin:0 0 15px;}
	#helpContent .TableStyle-Basic th, #helpContent .TableStyle-Basic td {border-right:1px solid #666; border-bottom:1px solid #666; padding:5px !important;}
	.TableStyle-Basic th {background:#BBDD8C; font-weight:bold; color:#3D5E0F;}
	.BodyE-Column1-Body1, .BodyE-Column1-Body1 *, .BodyB-Column1-Body1 {font-weight:bold; background:#eee; font-size:1em;}
	
	ol img, ol table {margin:0 !Important;}
	
	.stepintro {font-weight:bold; font-size:1.1em !Important; margin:0 0 10px !Important; color:#333; padding:0 !Important;}
	
	#helpContent ul li {font-size:1.1em; margin:0 0 10px 10px;}
		#helpContent table ul li {font-size:1em;}
	
	#helpContent h2 {font-size:1.4em; color:#000;}	
	#helpContent h3 {font-weight:bold; font-size:1.2em; color:#000;}
	
	
#wsauninstall {}
	#wsauninstall textarea {width:99%; margin:0 0 10px;}
	#xwsauninstall .awesome {width:250px !Important; margin:0 0 0 -125px; left:50%;}

#supportmask, #supportloading {display:none;}

.specialh2s{background-color:#fff!important;}
.specialh2s h2{font-size:12pt!important;font-style:italic;color:#65862b;font-weight:normal;}
.leftops h5{color:#548682;}
.ticketstatuscount{padding:0px;margin:0px;}
.ticketheaderinfo{padding:4px 12px;}
.manageaccbox{padding:12px 12px;}

.tickopen{background-color:#afa;border-radius: 8px;padding:3px 5px 3px 3px;}
.tickclosed{background-color:#fcc;border-radius: 8px;padding:3px 5px 3px 3px;}

.ticketstatuscount p{text-align:center;padding:8px 0px;margin:0px!important;font-weight:bold;width:100%;}
.ticketheaderinfo p{text-align:left;padding:5px 0px;margin:0px!important;font-weight:bold;width:100%;}

ul.ticketlegend {margin: 8px;}
ul.ticketlegend li {min-width:82px;line-height: 20px;margin:0px 0px 4px 0px;font-size:8pt;display:inline-block;}

.legend{margin-right:5px;float:left;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border: 0px solid #000000;height:20px!important;width:20px!important;}
.leg-me{background-color:#A1D25C;}
.leg-wr{background-color:#6B4D93;}
.leg-gr{background-color:#8bc9dd;}
.leg-cl{background-color:#ddd;}

.ticketfilters div{padding:4px 12px;}
.ticketfilters div:first-child{padding:4px 12px;margin-top:10px;}
.ticketfilters div select{width:100%;}
.removebutton{cursor:pointer;border:1px #ccc solid;}

.usersonacc td, .usersonacc th{border: 1px solid #ccc!important; padding:4px 8px !important;}
.usersonacc th{font-weight:bold;background-color:#ddd!important;}
.usersonacc td{background-color:#fff!important;}
.remuser{width:78px;text-align:center;}

.msgcontents{margin-top:12px;}
.websupport{width:204px;display:block;float:left;}
#newmsgdrop{text-align:center;cursor:pointer;color:#666;background-repeat:no-repeat;background-image:url(images/d-arro.png);}
#sendanothermessage:hover{text-decoration:none;display:block;color:#000!important;}

/*background-image:url(images/r-arr.png);background-position:98% 50%;background-repeat:no-repeat;*/
.supportboxsmall h3{webkit-border-radius:10px 10px!important; -moz-border-radius:10px 10px!important; border-radius:10px 10px!important;margin:0px 0px 8px 0px!important;}
.h3img{vertical-align:middle;padding-right:8px;}
.h3img2{vertical-align:middle;padding-right:8px;}
.tickettype{vertical-align:middle;padding-right:8px;}

.supportbox {background:#eee; margin:0 0 15px; position:relative;}
	.supportbox h3 {background:#a1d25c; color:#4f682b; padding:10px 0; margin:0; text-indent:10px; float:left; width:100%; font-weight:bold;}
	.supportbox h4 {font-weight:bold; font-size:0.9em; background:#d4e3bf; color:#4f682b; float:left; width:100%; padding:7px 0; text-indent:10px;}
	.supportbox h5 {background:#b4e3df; color:#09a; padding:10px 0; margin:0; text-indent:10px; float:left; width:100%; font-weight:bold;}
	.supportbox.support h3 {background-color:#6b4d93; color:#dabffe; padding:10px 0; margin:0; text-indent:10px; float:left; width:100%; font-weight:bold;}
	.supportbox.groupmember h3 {background-color:#8bc9dd; color:#25518b; padding:10px 0; margin:0; text-indent:10px; float:left; width:100%; font-weight:bold;}
	.supportbox.closedticket h3 {background-color:#ddd; color:#aaa; padding:10px 0; margin:0; text-indent:10px; float:left; width:100%; font-weight:bold;}
	.supportbox.support h4 {font-weight:bold; font-size:0.9em; background:#d0bee7; color:#62428c; float:left; width:100%; padding:7px 0; text-indent:10px;}
	
	.supportbox em {font-weight:normal; margin-left:5px; font-size:0.9em;}

	.supportbox .inner {margin:0 !important; display:inline-block; width:100%; padding:0 !Important;}
	.supportbox p { font-size:0.9em;}

.form-container {
   border: 1px solid #d4d4d4!important;
 	background: #bfbfbf;
   background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#bfbfbf));
   background: -webkit-linear-gradient(top, #ededed, #bfbfbf);
   background: -moz-linear-gradient(top, #ededed, #bfbfbf);
   background: -ms-linear-gradient(top, #ededed, #bfbfbf);
   background: -o-linear-gradient(top, #ededed, #bfbfbf);
   background-image: -ms-linear-gradient(top, #ededed 0%, #bfbfbf 100%);
   -webkit-border-radius: 13px;
   -moz-border-radius: 13px;
   border-radius: 13px;
   -webkit-box-shadow: rgba(000,000,000,0.4) 0 1px 2px, inset rgba(255,255,255,0.3) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.4) 0 1px 2px, inset rgba(255,255,255,0.3) 0 0px 0;
   box-shadow: rgba(000,000,000,0.4) 0 1px 2px, inset rgba(255,255,255,0.3) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   padding:12px!important;
   width:100%;
   }
.form-field {
   border: 1px solid #bab5af!important;
   background: #eee!important;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   color: #5e575e;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.5) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.5) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.5) 0 0px 0px;
   padding:6px!important;
   font-size:11pt;
   margin-bottom:10px!important;
   width:95%;
   }
.form-red{border:#f00 1px solid!important;background: #f5cccc!important;}
.form-field:focus {background: #f5f5f5!important;color: #757474!important; border: 1px solid #bab5af!important;}
.form-container h2 {text-shadow: #eee 0 1px 0;font-size:16px;color: #555;margin: 0 0 10px 0;font-weight:bold;text-align:left;}
.form-title {font-size:16px; margin-bottom:10px; color: #3d3d3c;text-shadow: #f7f6f4 0 1px 0;}
.submit-container {text-align:right;}

.icon-private {
-moz-box-shadow:inset 0px 1px 0px 0px #e6aaaa;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e6aaaa;
	box-shadow:inset 0px 1px 0px 0px #e6aaaa;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb2b2), color-stop(1, #fa7171) );
	background:-moz-linear-gradient( center top, #ffb2b2 5%, #fa7171 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb2b2', endColorstr='#fa7171');
	background-color:#ffb2b2;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0;
	border:1px solid #f76b6b;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:21px;
	line-height:21px;
	width:49px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #e06767;
	margin-right:10px;
}

.icon-closed {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed ), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf  100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed ', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#ccc;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:21px;
	line-height:21px;
	width:49px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #fff;
	margin-right:10px;
}

.icon-shared {
-moz-box-shadow:inset 0px 1px 0px 0px #aac8e6;
	-webkit-box-shadow:inset 0px 1px 0px 0px #aac8e6;
	box-shadow:inset 0px 1px 0px 0px #aac8e6;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #91d3ff), color-stop(1, #65aaf0) );
	background:-moz-linear-gradient( center top, #91d3ff 5%, #65aaf0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#91d3ff', endColorstr='#65aaf0');
	background-color:#91d3ff;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0;
	border:1px solid #53a8d9;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:21px;
	line-height:21px;
	width:49px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #4cabd4;
	margin-right:10px;
}
