/* RESET */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size: 12pt;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* accessibility */
 span.accesskey {
     text-decoration: none;
 }
 .accessibility {
     position: absolute;
     top: -999em;
     left: -999em;
 }
/* end accessibility */

/******************************* SITE DEFAULT STYLE ****************************/

body {
	color:#6F6F6F;
	font-family:"Arial CE",Arial,Helvetica,sans-serif;
	font-size:11px;

	background-image: url(../img/backimg_body.jpg);
	background-repeat: no-repeat;
	background-position: center -0px;
}
body.plain {
	background-image: none;
}

input, select, textarea {
	border:1px solid #B0B0B0;
	color:#6F6F6F;
	font-size:11px;
}
textarea[readonly=readonly] {
	border: none;
}

a:link, a:active, a:visited {
	color: #0000ee;
}

a.role-select {
	color: #0000ee;
}

#header{
	/*position: relative;
	border-color:#000000;
	border-style:solid;
	border-width:8px 0 0;
	height:104px;
	margin:0 auto;
	width:863px;
	background-color: #fef200;*/
	
	position: relative;width: 100%;height: 250px;
}
#logo {position: absolute; top: 10px; left: 10px; }

#page {
	position: relative;
	width:863px;
	margin:0 auto;
}

#content {
	width: 100%;
	position: relative;
}

#footer {
	/*background:none repeat scroll 0 0 #008080;*/
	color:#ccc2c3;
	font-weight:bold;
	font-size: 15px;
	height:26px;
	margin:20px auto;
	text-align:left;
	vertical-align:middle;
	width: 85%;
	border-top: solid 3px #ffe600;
}

#header .logo {
	left:17px;
	position:absolute;
	top:15px;
}
/*********************** REDESIGN *****************************/
#page {
	width: 1000px;
}
#header{
	height: 90px;
}
#content {
	width: 980px;
	margin: -10px auto 0 auto;
}
#content .content-top {
	width: 980px;
	height: 49px;
	background-image: url(../img/content-top.png);
	background-repeat: no-repeat;
}

#content .content-bottom{
	width: 980px;
	height: 80px;
	background-image: url(../img/content-bottom.png);
	background-repeat: no-repeat;
}
#content .content-body {
	width: 980px;
	background-image: url(../img/content-body.png);
	background-repeat: repeat-y;
}

#content .site.title {
	float: left;
	padding-left: 20px;
	margin-top: 7px;
}
#content .site.title h1 {
	font-size: 20px;
}

div.extra {
	height: 10px;
}

input[type="button"], input[type="submit"] {
	color: #000;
	height: 22px;
	width: 74px;
	width: auto;
	background-image: url(../img/button-small.png);
	background-repeat: no-repeat;
	border: none;
	font-weight: bold;
}
input[type="button"]:hover, input[type="submit"]:hover {
	color: #700;
}

a.btn.small, 
a.btn.small:link,
a.btn.small:active,
a.btn.small:visited {
	color: #000;
	font-weight: bold;
	background: transparent url('../img/button-small-a.png') no-repeat scroll top right;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	font-family: "Arial CE",Arial,Helvetica,sans-serif;
	padding-right: 4px;
	display: block;
	width: auto !important;
	float: left;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
}
a.btn.small:hover {
	color: #700;
}

a.btn.small span {
	background: transparent url('../img/button-small-span.png') no-repeat;
	height: 22px;
	width: auto !important;
	padding-left: 12px;
	padding-right: 8px;
	display: block;
	float: right;
}
a.btn.m {
	margin-left: 10px;
}
.fl {
	float: left;
	position: relative;
}
.fr {
	float: right;
	position: relative;
}


/*********************** LOGIN ********************************/

#content div.login {
/*	width: 324px;
	margin: 0px auto 40px auto;
	background-image: url(../img/backimg_login.jpg);
	background-repeat: no-repeat;
	height: 176px;
	position: relative;
	top: 20px;*/
}
#content div.login {
/*	padding-top: 10px;*/
}
#content div.login table {
	width: 210px;
	margin: 0px auto;
}

#content .login td{
	padding: 2px 0;
}
#content .login .textbox {
	width: 200px;
	height: 20px;
	font-size: 18px;
/*	border: none;*/
}
#content div.login td.title {
	visibility: hidden;
}

#content div.login td.login-label {
	font-weight: bold;
	font-family: Arial, Tahoma;
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
}

/*#content div.login input.login-button {
	font-size: 15px;
	margin: 5px 0 0 0;
}*/

/***************************************************************/

#content .content-label{
	color:#ccc2c3;
	font-weight:bold;
	padding-left: 10px;
	font-size: 15px;
	margin: 30px 0;
}

/***************************************************************/

#controls {
	height: 40px;
	position: relative;
	margin-left: 50px;
	margin-right: 50px;
}

#footer .copyright {
	float:left;
	height:17px;
	padding:7px 0 0 5px;
}

#search {
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	width: 200px;
	border: solid 1px red;
}

#navigation {
	height: 35px;
	/*width: 370px;*/
	position: absolute;
	top: 4px;
	right: 240px;
}

.logininfo{
	/*margin-top: 10px;*/
	width: 240px; 
	/*background: #EFEFEF;*/
	float:right ;
	text-align: center;
	padding: 4px 0;
	line-height: 1.2em;
	margin-top: 4px;
}

ul.menu {
	/*width: 300px;*/
	width: auto;
	/*border: solid 1px green;*/
	float: right;
}

ul.menu, ul.menu li, ul.menu li a{
	height: 30px;
	line-height: 30px;
}

ul.menu li {
	float: left;
	padding: 0px 0px;
	margin-left: 10px;
	/*border: solid 1px green;*/
	/*background-color: #008080;*/
	background-image: url(../img/button-color.png);
	width: 101px;
	height: 30px;
	background-repeat: no-repeat;
	text-align: center;
}
ul.menu li a {
	display: block;
}

ul.menu li a,
ul.menu li a:link,
ul.menu li a:active,
ul.menu li a:visited {
	color: black;
	font-weight: bold; 
	text-decoration: none;
}
ul.menu li a:hover,
ul.menu li a.active {color: #FFF202}

div.inner{
	margin: 0 auto;
	width: 860px;
}

div.section{
	clear: both;
	display: block;
	float: none;
	margin: 8px 0px 8px 0px;
}
div.panel-top {
	width: 860px;
	height: 11px;
	background-repeat:no-repeat;
	background-image: url(../img/panel-top.jpg);
}
div.panel-bottom {
	width: 860px;
	height: 11px;
	background-repeat:no-repeat;
	background-image: url(../img/panel-bottom.jpg);
}

div.admin.roles {
	width:270px;
	position: relative;
	margin: 0 auto;
}

table.dataform.admin{
	background-color: #ffcc00;
}
table.dataform td,
table.formTable td {
	padding-left: 10px;
}

table.datagrid caption,
table.dataform caption,
table.dataform.admin caption,
table.grid caption,
div.custom-caption {
	/*background: #FFF202;*/
	/*background-image: url(../img/caption-special.gif);*/
	background-color: #fcf204;
	border-radius: 6px;
	background-repeat: no-repeat;
	font-weight: bold;
	height: 17px;
	/*margin-top: 5px;*/
	padding: 0px 0;
	margin-bottom: 0px;
	vertical-align: middle;
	line-height: 17px;
	margin: 0 auto;
	width: 100%;
}
table.grid.filter caption{
	width: 810px;
}
table.grid.orders caption{
	width: 860px;
}
table.grid.affiliates caption{
	width: 300px;
}

div.custom-caption {
	width: 810px;
	text-align: center;	
}

table.datagrid td {
	text-align: center;
	vertical-align: middle;
}
table.datagrid td input {
	width: 100%;
	text-align: center;
	color: #005;
}

div.center {text-align: center;}

#txtSearch {
	margin: 10px 0 0 30px;
	text-align: center;
	float: left;
}
.btnSearch 
{
	margin: 12px 0 0 2px;
	float: left;
}

.grid.order,
.grid.rolesadmin,
.grid.roleadd {
	margin: 0 auto;
}
.grid.rolesadmin {
	margin-bottom: 5px;
}

#content div.message {
	width: 95%;
	padding: 10px;
	margin: 0px auto;
	text-align: center;
	background-color: #d0d0ff;
	color: Black;
	font-size: 15px;
	font-family: Arial, Tahoma;
	border: solid 1px #00f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#content div.message.error {
	background-color: #ffd0d0;
	border: solid 1px #f00;
}

.admin-dialog {
	background-color: #fff;
	height: auto;
	border: solid 2px #008080 ;
}
/***********************************************************/
.contact-dialog {
	display: none;
	/*background-color: #fff;*/
	/*height: 100px;*/
	min-height: 100px;
	/*border: solid 2px #008080 ;*/
	width: 326px;
	padding: 10px;
}

.contact-dialog #contact-role {
	font-size: 1.5em;
} 
.contact-dialog #contact-name{
	font-size: 1.5em;
	color: #000;
	line-height: 2em;
}
.contact-dialog #contact-phone{
	font-size: 1.5em;
	color: #000;
	line-height: 1.5em;
}
.contact-dialog #contact-address{
	font-size: 1.5em;
	color: #000;
	line-height: 1.5em;
}
.contact-dialog .dialog-close {
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 100;
}

.contact-dialog .dialog-top {
	width: 326px;
	height: 22px;
	background-image: url(../img/dialog-top.png)
}
.contact-dialog .dialog-content {
	width: 300px;
	background-image: url(../img/dialog-content.png);
	padding: 0 13px;
}
.contact-dialog .dialog-bottom {
	width: 326px;
	height: 22px;
	background-image: url(../img/dialog-bottom.png)
}

/************************************************************/

.admin-dialog .roles	{
	width: 300px;
	height: 300px;
}

div.section div.detail {
	width: 600px;
	margin: 0 auto;
}

div.detail table.grid.order {
	width: 100%;
	position: relative;
}

table.grid.order {
	width: 500px;
}	
table.grid.orders {
	width: 860px;
}

table.grid.filter td {
	padding-left: 3px;
}
table.grid.filter td input[type=text]{
	width: 95px;
}
table.grid.filter td.controls{
	padding-top: 5px;
	text-align: right;
}
td.controls a {
	margin-left: 10px;
}

table.dataform td,
table.formTable td {
	width: 130px;
}

table.formTable td select {
	width: 118px;
}

table.dataform td,
table.formTable td,
table.grid td,
table.grid th,
table.datagrid th {
	height: 17px;
	vertical-align: middle;
}
table.grid.order td.row2 {
	height: auto;
	min-height: 17px;
}

table.grid.order td.header {
	padding-left: 50px;
	width: 300px;
}
table.grid.order td.control {
	padding-top: 10px;
	text-align: right;
	padding-left: 50px;
}
/* EDIT FIELD */
table.grid.order td input[type=text]{
	background-color: #ffffe9;
}

table.grid.order tr:hover,
table.grid.orders tr:hover,
table.grid.clients tr:hover,
table.grid.affiliates tr:hover,
table.rolesadmin tr:hover,
table.datagrid.admin tr:hover,
table.grid.attachments tr:hover {
	background-color: #ffffe9;
}
table.grid.order tr:hover td,
table.grid.orders tr:hover td,
table.grid.attachments tr:hover td {
	color: #000;
}

table.grid.order td input[readonly=readonly] {
	border: none;
	background-color: Transparent;
}
table.grid.order tr.hidden {
	display: none;
}

table.grid.order tr:hover td.control {
	background-color: white;
}

div.roles {
	margin: 0 auto;
	width: 230px;
	padding-bottom: 3px;
	text-align: center;
}

div.roles div.role-item {
	position: relative;
	height: 28px;
	text-align: center;
}
div.roles div.role-item a.btn.small{
	margin: 0 auto;
}

div.roles a:hover {
	background-color: #eee;
}

table.user {
	margin: 0 auto;
}
table.user td 
{
	text-align: center;
	font-size: 1.5em;
}


/******************************************/
table.dataform.admin caption,
.datagrid.admin caption {
	background-image: url(../img/caption-special4.png);
	background-color: Transparent;
}

.datagrid.admin {
	width: 860px;
	margin: 0 auto;
}
.datagrid.admin .name {width: 110px;}
.datagrid.admin .username {width: 80px;}
.datagrid.admin .shortcut {width: 80px;}
.datagrid.admin .pass {width: 80px;}
.datagrid.admin .email input {width: 80px;}
.datagrid.admin .active {width: 65px;}

/******************************************/
table.grid tr,table.grid td, table.grid th {
	border-bottom:1px solid #CCCCCC;
}
table.grid.nolines tr,table.grid td, table.grid th {
	border-bottom:none;
	
}
table.grid.assignments{
	margin: 0;
}

table.grid {
	margin: 0 auto;
}

/******************************************/

.grid.attachments td {
	text-align: center;
}

/******************************************/

.grid.orders td {
	text-align: center;
}
.grid.orders td .no {
	color: Red;
}
.grid.orders tr.no, .grid.orders tr.no td {
	background-color: #feced8;
}
.grid.orders tr.yes, .grid.orders tr.yes td {
	background-color: #cefed8;
}
.grid.orders tr.solvent, .grid.orders tr.solvent td {
	background-color: #FFBF00;
}

.grid.orders tr, .grid.orders tr td,
.datagrid.admin tr,
.grid.attachments tr ,
.grid.clients tr {
	border-bottom: solid 1px #ccc;
	/*border-left: solid 1px #ccc;*/
}
.grid.orders td,
.datagrid.admin td,
.grid.attachments td,
.grid.clients td {
	/*border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;*/
}

/******************************************/
.grid.clients td {
	text-align: center;
}
/******************************************/
table.grid.affiliates td {
	text-align: center;
}
/******************************************/
table.grid.filter {
	width: 810px;
}
table.grid.filter td, table.grid.filter tr, table.grid.filter th {
	border: none
}
/******************************************/
table.dataform caption {
	background-image: url(../img/caption-special2.gif);
}
table.grid.order caption {
	background-image: url(../img/caption-special3.gif);
}
/******************************************/
select.smallfilter {
	font-size: 9px;
}
/****************** PAGER ************************/
.pager table td {
	padding: 4px;
	font-size: 1.2em;
}

.pager table td span {
	font-weight: bold;
}

.pager table td a, 
.pager table td a:link,
.pager table td a:active,
.pager table td a:visited{
	display: block;
}
.pager table td:hover{
	background-color: #ffffe9;
	color: #000;
}

table.datagrid tr.pager:hover,
table.datagrid tr.pager table tr:hover {
	background-color: Transparent;
}

table.datagrid.admin td.password {
    visibility: hidden;
}
table.datagrid.admin tr:hover td.password {
    visibility: visible;
}


/* POOL */

div.pool.marketing, div.pool.results {
	padding: 10px;
	font-size: 12px;
}
div.pool.marketing span.title {
}
div.pool.marketing h1, div.pool.marketing h2, div.pool.results h2 {
	font-size: 20px;
	margin-bottom: 5px;
}
div.pool.marketing h3, div.pool.results h3 {
	font-weight: bold;
	color: #000;
	font-size: 15px;
	text-align: center;
}
div.pool.marketing p {
	margin-bottom: 5px;
}

div.pool.marketing table {
	width: 350px;
	margin: 10px auto;
}
div.pool.marketing td, div.pool.results td {
	vertical-align: middle;
}
div.pool.results tr {
	height: 26px;
}
div.pool.marketing .enter {
	float: right;
}

div.pool.marketing input[type=checkbox]{
	width: 20px;
	height: 20px;
}

div.pool.results table {
	width: 350px;
	margin: 10px auto;
}

.ad-login {
    position: absolute;
    right: 50px;
    bottom: 80px;
}

/* */
h1 {
    display: inline;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}

/* BOOTSTRATP EXTRACT */

.login-form .control-group {
    margin-bottom: 10px;
}

.login-form .form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 160px;
}
.login-form .form-horizontal .controls {
    margin-left: 180px;
}

.form-horizontal input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.login-form input[type="text"], 
.login-form input[type="password"] {
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}

.login-form label, .login-form input, .login-form button {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.login-form input, .login-form button {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.login-form input[type="text"], 
.login-form input[type="password"] {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.login-form label {
    display: block;
    margin-bottom: 5px;
}

form {
    margin: 0 0 20px;
}

#content .login .textbox {
    border-width: 1px;
    border-style: solid;
    /*border-color: #cccccc*/
}

.login-form input[type="text"]:focus, 
.login-form input[type="password"]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.login-form .form-horizontal input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

#content div.login {
    padding-top: 40px;
    position: relative;
    line-height: 20px;
}

.login-form .btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: none;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    font-weight: normal;
    /**/
    line-height: 11px;
    height: 30px;
}

.login-form .btn {
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}