/* @group Global */

body {
	background: #dad8c7 url(../images/body_bck.png) repeat left top;
	margin: 0 5%;
	font: 11px Tahoma, Geneva, "Century Gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
}

a {
	text-decoration: none;
}

div.browserwarning {
	display: none;
}

h1 {
	display: block;
	color: #a3a198;
	font: 15px/30px Tahoma, Geneva, "Century Gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
	letter-spacing: -0.07em;
	margin: 0px;
	padding: 0px;
	clear: both;
}

h3 {
	display: block;
	color: #484842;
	font: bold 12px Tahoma, Geneva, "Century Gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;

}

a {
	color: #4f5f74;
	text-decoration: none;
}

:focus { outline: none; }

a:hover {
	text-decoration: underline;
	color: #747370;
}

ol.num_list {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 35px;
}


input, textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px;	
}

input[type=submit] {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

/* @end */

/* @group Top */

/* @group Standard */

div.top {
	height: 45px;
	width: 100%;
	min-width: 950px;
	background: #ecebe3 url(../images/top_bck.png) repeat left top;
	position: relative;
}

a.qsi {
	height: 21px;
	width: 113px;
	background: transparent url(../images/top_qsi.png) repeat left bottom;
	display: block;
	text-indent: -900px;
	position: absolute;
	bottom: 11px;
	left: 11px;
}

a.t08 {
	width: 62px;
	height: 14px;
	background: transparent url(../images/top_t08.png) repeat left bottom;
	display: block;
	text-indent: -900px;
	position: absolute;
	bottom: 9px;
	left: 130px;
}

a.qsi:hover,
a.t08:hover {
	background-position: left top;
}

a.icon {
	height: 37px;
	width: 120px;
	padding-right: 43px;
	display: block;
	color: #a3a198;
	text-decoration: none;
	font: 11px/60px Tahoma, Geneva, "Century Gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
	background: transparent url(../images/icon.png) no-repeat right top;
	position: absolute;
	top: 4px;
	right: 5px;
	text-align: right;
}



/* @end */

/* @group Orange */

div.top.orange {
	background: #ff7200 url(../images/orange_top_bck.png) repeat left top;
}

div.top.orange a.qsi {
	background-image: url(../images/orange_top_qsi.png);
}

div.top.orange a.t08 {
	background-image: url(../images/orange_top_t08.png);
}

 div.top.orange a.icon {
	color: #ffc68c;
	background-image: url(../images/orange_icon.png);
}



/* @end */


/* @end */

/* @group Corners */

/* @group Regular */

div.corner {
	position: absolute;
	height: 11px;
	width: 11px;
	background: transparent url(../images/corners_beige.png) no-repeat;
}

div.corner.btm_left {
	bottom: 0px;
	left: 0px;
	background-position: left bottom;
}

div.corner.btm_right {
	bottom: 0px;
	right: 0px;
	background-position: right bottom;
}

div.corner.top_left {
	top: 0px;
	left: 0px;
	background-position: left top;
}

div.corner.top_right {
	top: 0px;
	right: 0px;
	background-position: right top;
}

/* @end */

/* @group White */

div.corner.white {
	background-image: url(../images/corners_white.png);
}

div.corner.btm_left.white {
	height: 12px;
}

div.corner.btm_right.white {
	height: 12px;
}



/* @end */

/* @group Orange */

div.corner.orange {
	background-image: url(../images/orange_corners.png);
}


/* @end */



/* @end */

/* @group Tabs */

div.tabs {
	height: 60px;
	width: 100%;
	min-width: 950px;
	background: #ecebe3 url(../images/tab_bck.png) repeat left top;
	position: relative;
}

div.tabs ul {
	list-style: none;
	height: 30px;
	padding: 30px 0 0 30px;
	float: left;
}

div.tabs ul li {
	height: 30px;
	float: left;
	line-height: 30px;
	background: url(../images/tabs_bck_lt.png) no-repeat left -46px;
	margin: 0 1px;
}

div.tabs ul li a {
	height: 30px;
	display: block;
	float: left;
	background: url(../images/tabs_bck_rt.png) no-repeat right -46px;
	padding: 0px 20px;
	color: #a3a198;
	text-decoration: none;
	text-transform: uppercase;
	font: 15px/30px Tahoma, Geneva, "Century Gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
	letter-spacing: -0.07em;
}

div.tabs ul li:hover {
	background-position: left -92px;
}


div.tabs ul li:hover a {
	background-position: right -92px;
	color: #a3a198;
}

div.tabs ul li.active {
	background-position: left top;
}


div.tabs ul li.active a {
	background-position: right top;
	color: #7d7b74;
}

div.tabs ul.right {
	float: right;
	padding: 30px 30px 0 0;
}



div.tabs ul.right li {
	background-position: left -138px;
}


div.tabs ul.right li a {
	background-position: right -138px;
	color: #ffffff;
}





/* @end */

/* @group Content */

div.content {
	width: 100%;
	min-width: 950px;
	min-height: 100px;
	background: white;
	position: relative;
}

div.content div.padding {
	padding: 10px;
}

div.content div.innercontent {
	padding-left: 10px;
	color: #101010;
}

/* @end */

/* @group Footer */

div.footer {
	padding-top: 10px;
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #b8b7ac;
}

div.footer a {
	text-decoration: none;
	color: #9e9c90;
}

/* @end */

/* @group Details Box */

/* @group Corners */

div.details div.crnr {
	position: absolute;
	height: 11px;
	width: 11px;
	background: transparent no-repeat url(../images/details_corners.png);
}

div.details.light div.crnr {
	background-image: url(../images/details_corners_light.png);
}

div.details.blue div.crnr {
	background-image: url(../images/details_corners_blue.png);
}

div.details div.crnr.tl {
	background-position: left top;
	top: 0;
	left: 0;
}

div.details div.crnr.tr {
	background-position: right top;
	top: 0;
	right: 0;
}

div.details div.crnr.bl {
	background-position: left bottom;
	bottom: 0;
	left: 0;
}

div.details div.crnr.br {
	background-position: right bottom;
	bottom: 0;
	right: 0;
}

/* @end */

/* @group Main */

div.details {
	background: url(../images/details_bck.png) repeat left top;
	position: relative;
	margin-bottom: 10px;
	min-height: 22px;
	padding: 10px;
}

div.details.light {
	background-image: url(../images/details_bck_light.png);
}

div.details.blue {
	background-image: url(../images/details_bck_blue.png);
}

div.details.light h1 {
	color: #6e684a;
}

div.details.blue h1 {
	color: #1e5476;
}

div.universal_badge {
	width: 107px;
	height: 70px;
	position: absolute; 
	top: 10px; 
	right: 10px;
	background: url(../images/universal.png) no-repeat;
}

div.download_button {
	text-align: center;
	margin: 10px 0px 0px 0px;
}

/* @end */



/* @end */

/* @group Mini Tabs */

/* @group Notice */

/* Mini tabs can only be used with the beige box right now. */

/* @end */

/* @group Tabs */

ul.mini_tabs {
	float: right;
	padding-right: 10px;
	height: 28px;
	width: auto;
}

ul.mini_tabs.left {
	float: left;
}

ul.mini_tabs li {
	float: left;
	height: 26px;
	display: block;
	background: transparent url(../images/mini_tabs_lt.png) no-repeat left top;
	margin: 0 3px;
	white-space: nowrap;
	list-style-type: none;
}

ul.mini_tabs li span,
ul.mini_tabs li a {
	float: left;
	height: 26px;
	display: block;
	background: transparent url(../images/mini_tabs_rt.png) no-repeat right top;
	padding: 0 15px;
	color: #fff;
	font: 13px/25px Tahoma, Geneva, "Century Gothic", Arial, Helvetica, "Helvetica Neue", sans-serif;
	text-transform: uppercase;
	white-space: nowrap;
}

ul.mini_tabs li:hover {
	background-position: left -26px;
}

ul.mini_tabs li:hover a {
	background-position: right -26px;
	text-decoration: none;
}

ul.mini_tabs li.active {
	background-color: #fff;
	background-position: left -52px;
	height: 28px;
}

ul.mini_tabs li.active span,
ul.mini_tabs li.active a {
	background-position: right -52px;
	color: #5e84a7;
	height: 28px;
}

ul.mini_tabs li.back,
ul.mini_tabs li.back a {
	float: left;
	background: transparent;
	color: #5e84a7;
	text-transform: capitalize;
	font-size: 11px;
	position: relative;
	left: -8px;
	line-height: 33px;
}


/* @end */

/* @group Panel */

/* @group Table */

div.mini_tabs_panel th {
	font-weight: bold;
	width: 100px;
	color: #5e84a7;
	font-size: 13px;
}

div.mini_tabs_panel td {
	width: auto;
}

div.mini_tabs_panel th,
div.mini_tabs_panel td {
	padding: 3px 0;
}

div.mini_tabs_panel td input,
div.mini_tabs_panel td textarea {
	width: 295px;
	border: 1px solid #5e84a7;
	resize: none;
}

/* @end */

/* @group Back */

div.mini_tabs_panel {
	clear: both;
	background: #fff;
	padding: 10px;
	position: relative;
}



/* @end */

/* @group Corners */

div.mini_tabs_panel li.corner {
	height: 11px;
	width: 11px;
	display: block;
	position: absolute;
	background: transparent url(../images/mini_tabs_panel_crnrs.png) no-repeat;
}

div.mini_tabs_panel li.corner.top_lt {
	background-position: left top;
	top: 0;
	left: 0;
}

div.mini_tabs_panel li.corner.top_rt {
	background-position: right top;
	top: 0;
	right: 0;
}

div.mini_tabs_panel li.corner.btm_lt {
	background-position: left bottom;
	bottom: 0;
	left: 0;
}

div.mini_tabs_panel li.corner.btm_rt {
	background-position: right bottom;
	bottom: 0;
	right: 0;
}

/* @end */



/* @end */



/* @end */

/* @group Fieldset */

fieldset legend {
	font-size: 14px;
	padding: 0 10px 0 0px;
	margin-bottom: 12px;
	font-weight: normal;
	color: #658aac;
}

fieldset {
	border: none;
	padding: 10px;
	padding-left: 5px;
}

fieldset textarea,
td.form textarea {
	resize: none;
	width: 100%;
	border-color: #b7bec2;
	padding: 3px;
	margin: 0px;
}

fieldset input,
td.form input {
	border: 1px solid #5e84a7;
	width: 100%;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 2px 0;
}

fieldset input[type=submit],
td.form input[type=submit] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 10px;
	min-width: 50px;
}

fieldset div.counter {
	float: right;
}

fieldset div.counter:after {
	clear: right;
}

th.form {
	width: 150px;
	font-size: 14px;
	font-weight: normal;
	color: #658aac;
}

td.form {
	padding: 5px 0 5px;
}

td.form p.error {
	color: red;
}

/* @end */

/* @group Comments */

div.nocomments {
	line-height: 50px;
	height: 50px;
	text-align: center;
	color: #dfdfdf;
	background-color: #f7f7f7;
	font-size: 26px;
}

div.commentlogin {
	font-size: 14px;
	background-color: #f7f7f7;
	color: #a3a3a3;
	line-height: 28px;
	height: 28px;
	padding-left: 10px;
}

div.comment {
	padding: 0 0 14px;
}


div.comment div.comment_top {
	font-size: 12px;
	color: #484a4b;
	border-top: 1px solid #c5c8cc;
	padding: 0;
	margin-bottom: 10px;
	position: relative;
	font-weight: bold;
	min-height: 0px;
	height: 25px;
}

div.comment div.comment_top span {
	height: 22px;
	line-height: 22px;
	display: block;
	padding-left: 12px;
}

div.comment div.comment_top span.right {
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	position: absolute;
	top: 0px;
	right: 4px;
}

div.comment span {
	font-size: 12px;
	padding: 0 10px;
	display: block;
	color: #000;
}

div.comment.last {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* @end */

/* @group Notices */

/* @group General */

div.notice {
	width: auto;
	text-align: center;
}

div.notice div {
	border: 1px solid;
	width: 400px;
	margin: 0 auto;
	padding: 15px;
	text-align: left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
}

div.notice div h4 {
	font-weight: bold;
	font-size: 12px;
}

div.notice div a {
	position: absolute;
	top: 2px;
	right: 5px;
	color: #3e3e3e;
}

/* @end */

/* @group Error */

div.notice.error div {
	border-color: #a25858;
	background-color: #fff;
}

/* @end */

/* @group Success */

div.notice.success div {
	border-color: #658aac;
	background-color: #fff;
}

/* @end */

/* @group General */

div.notice.general div {
	border-color: #a28858;
	background-color: #fff;
}

/* @end */



/* @end */