/* print view */
@media print {
    body * {
        visibility: hidden;
    }
    #contentmain, #contentmain * {
        visibility: visible;
    }
    #contentmain {
        position: absolute;
        left: 0;
        top: 0;
    }
}


/*body attributes*/
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	/*background:transparent url(http://static.flowplayer.org/tools/img/tooltip/black_arrow.png);
	
	height:70px;
	
	*/
	width:260px;
	font-size:12px;
	background-color: #FFFFCC;
	border: 1px #bbbbbb solid;
	padding:5px;
	color:#999999;
}

/* style the trigger elements */
#demo a {
	border:0;
	cursor:pointer;
}
div.borderradius1 {
	background-color: #e6e6e6;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 40px;
	width: 95%;
	border-radius: .5em .5em .5em .5em;
	-moz-border-radius: .5em .5em .5em .5em;
	border: 1px #bbbbbb solid
}
div.borderradius2 {
	background-color: #ffffff;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 850px; /* IE6 issue with 100% */
	margin-left: 5px;
	border-radius: .5em .5em .5em .5em;
	-moz-border-radius: .5em .5em .5em .5em;
	border: 1px #bbbbbb solid
}
/* new tab */
#primary {
	margin-top: 20px;
	margin-left: 40px
}

#primary img {
	border: 0;
	text-decoration: none;
}
#primary ul {
	margin: 0px;
	padding:0px;
	text-align:center;
}
#primary ul li {
	display: inline;
	list-style-type: none;
	margin: 0px 3px 0 0;
}
#primary ul li#menu a {
	float: left;
	display: block;
	width: 100px;
	background-color: #bfbfbf;
	border-radius: .5em .5em 0em 0em;
	-moz-border-radius: .5em .5em 0em 0em;
}
#primary ul li.last {
	border-right: none;
}
#primary ul li a {
	margin: 0px 3px 0 0;
	padding-top: 5px;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}
#primary ul li a:hover {
	color: #fff;
	text-decoration:underline
}
#primary .active {
	color: #a22208
}
.tab_basebar {
border-bottom: 4px solid #bfbfbf; width: 100%
}
/* new tab */
body {
	font-size: 13px; 
	margin-top: 10px;
	margin-bottom: 0px;
	background-color:#ffffff;
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
    z-index: -2;
}
a,
a.link,
a.visited {
	color: #a22208;
	text-decoration: none;
}
a:hover{
	color: #a22208;
	text-decoration: underline;
}
a:active {
	color: #a22208;
	text-decoration: none;
	}

#home_section {
	background-color:#e2e2e2; 
	border: 1px #bbbbbb solid; 
	padding: 10px; 
	margin-bottom: 8px
}

/*default table row mouseover*/
.normal { background-color: #ffffff }
.normalActive { background-color: #f8f8dd }

.offset { background-color: #ff9999 }
.offsetActive { background-color: #f89090 }

.disabled { background-color: #ff9999; padding-left:15px;padding-top:5px;}

/*Header Attributes*/
#h1 {
	width: 445px;
	height:20px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 10px;
	float:left;
	}

#h2 {
	width: 565px;
	height:20px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: right;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-right: 10px;
	float:left;
	}
	
#h3 {
	width: 100%;
	height: 22px;
	background-color: #cfded9;
	margin-left: 10px;
	padding: 8px 0px 8px 8px;
	border-radius: .5em;
	-moz-border-radius: .5em;
	}	
.headertext1 {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}
.headertext2 {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #333333;
}
.headertext2 a {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}
.headertext2 a:hover {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #333333;
	text-decoration: underline;
}
.headertext3 {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight:bold;
	background-color: #f8f8dd;
	padding-left: 3px;
	padding-right: 3px;
}
/*Login Area*/
.login1 {
	width: 445px;
	margin-left: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
	float:left;
	}

/*Left Navigation*/
#leftnav {
	width: 185px;
	background-image: url(images/navleft_bkgd.jpg);
	background-repeat:repeat-y;
	margin-top: 20px;
	padding-right: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	float:left;
}
.navtext1 {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #3482cb;
	line-height: 24px;
}
.navtext1 a {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #3482cb;
	padding: 2px 8px 2px 8px;
	text-decoration: none;
}
.navtext1 a:hover {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #ffffff;
	background-color: #3482cb;
	border-radius: .5em .5em .5em .5em;
	-moz-border-radius: .5em .5em .5em .5em;
}
.navtext2 {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 14px;
	color: #333333;
}
.navtext3 {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 13px;
	color: #a22208;
	line-height: 18px;
}
.navline {
	width: 170px;
	height: 1px;
	background-color:#333333;
	margin-top: 1px;
	margin-bottom: 3px;
}

/*Content Area*/
#contentmain {
	width: 870px;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 0px;
	float:left;
	border-left: #bbbbbb 1px solid;
	min-height:600px;
    z-index: 5;
}
.contenttext1 {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	color:#666666
}
.contenttext1 a {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #3482cb;
	text-decoration: none;
}
.contenttext1 a:hover {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 16px;
	color: #3482cb;
	text-decoration: underline;
}
.contenttext2 {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 15px;
	color: #333333;
	padding-top: 8px;
}
.contenttext2 a {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 15px;
	color: #333333;
	text-decoration: none;
}
.contenttext2 a:hover {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 15px;
	color: #333333;
	text-decoration: underline;
}	
/*Footer Attributes*/
.f1 {
	width: 100%;
	height: 2px;
    background-color:none;
	margin-left: 10px;
	margin-top: 20px;
	float:left;
}
.f1-inner {
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    background-color:#cfded9;
    height:2px;
}
.f2 {
	width: 100%;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
	text-align:center;
}
.footertext1 {
	font-size: 11px;
	font-weight:normal
}
/* table */
#t1 table {
	border-top: #bbbbbb 1px solid;
	border-right: #bbbbbb 1px solid;
	width: 870px; /* IE6 issue with 100% */
	margin-left: 5px;
}
#t1 tr {
}
#t1 th {
	background-color:#e2e2e2;
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	color: #000;
	padding: 1px;
	font-size:11px;
	vertical-align:top
}
#t1 td {
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	padding: 2px;
	font-size:11px;
	vertical-align:top;
}
#t1 th a:link {
	text-decoration: none;
	border-bottom-style: none;
	color:#333333;
}
#t1 th a:visited {
	text-decoration: none;
	border-bottom-style : none;
	color:#333333;
}
#t1 th a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
	color:#FFFFFF;
	margin: 0px auto;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rightborder {
border: 0;
text-align:center;
border-right: #bbbbbb 1px solid;
}
.topborder {
border: 0;
text-align:center;
border-top: #bbbbbb 1px solid;
}

t1_var table {
	border-top: #bbbbbb 1px solid;
	width: 99%; /* IE6 issue with 100% */
	margin-left: 5px;
}
#t1_var tr {
}
#t1_var th {
	background-color:#e2e2e2;
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	border-top: #bbbbbb 1px solid;
	color: #000;
	padding: 1px;
	font-size:11px;
	vertical-align:top
}
#t1_var td {
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	padding: 2px;
	font-size:11px;
	vertical-align:top;
}
#t1_var th a:link {
	text-decoration: none;
	border-bottom-style: none;
	color:#FFFFFF;
}
#t1_var th a:visited {
	text-decoration: none;
	border-bottom-style : none;
	color:#FFFFFF;
}
#t1_var th a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
	color:#FFFFFF;
	margin: 0px auto;
	width: 100%;
	padding: 0;
	margin: 0;
}

#t2 table {
	border-top: #bbbbbb 1px solid;
	border-right: #bbbbbb 1px solid;
	width: 100%; /* IE6 issue with 100% */
	margin-left: 0px;
}
#t2 tr {
}
#t2 th {
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	padding: 1px;
	font-size:10px;
	vertical-align:top
}
#t2 td {
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	padding: 0px 1px 0px 1px;
	font-size:10px;
	vertical-align:top;
	text-align:center;
}
#t2 th a:link {
	text-decoration: none;
	border-bottom-style: none;
}
#t2 th a:visited {
	text-decoration: none;
	border-bottom-style : none;
}
#t2 th a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
	margin: 0px auto;
	width: 100%;
	padding: 0;
	margin: 0;
}
#t3 table {
	border-top: #bbbbbb 1px solid;
	border-right: #bbbbbb 1px solid;
	width: 99%; /* IE6 issue with 100% */
	margin-left: 5px;
}
#t3 tr {
	background-color:#fff
}
#t3 th {
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	color:#fff;
	padding: 2px;
	font-size:10px;
	vertical-align:top
}
#t3 td {
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	padding: 2px;
	color:#000000;
	font-size:10px;
	vertical-align:top;
}
#t3 th a:link {
	text-decoration: none;
	border-bottom-style: none;
	color:#FFFFFF;
}
#t3 th a:visited {
	text-decoration: none;
	border-bottom-style : none;
	color:#FFFFFF;
}
#t3 th a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
	color:#FFFFFF;
	margin: 0px auto;
	width: 100%;
	padding: 0;
	margin: 0;
}

#t4 table {
	border-top: #bbbbbb 0px solid;
	border-right: #bbbbbb 0px solid;
	width: 99%; /* IE6 issue with 100% */
	margin-left: 5px;
}
#t4 tr {
}
#t4 th {
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	padding: 3px;
	font-size:10px;
	vertical-align:top
}
#t4 td {
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 0px solid;
	padding: 3px;
	font-size:10px;
	vertical-align:top;
}
#t4 th a:link {
	text-decoration: none;
	border-bottom-style: none;
}
#t4 th a:visited {
	text-decoration: none;
	border-bottom-style : none;
}
#t4 th a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
	margin: 0px auto;
	width: 100%;
	padding: 0;
	margin: 0;
}

#t1_print table {
	border-top: #bbbbbb 1px solid;
	border-right: #bbbbbb 1px solid;
	width: 99%; /* IE6 issue with 100% */
	margin-left: 5px;
}
#t1_print tr {
	background-color:#fff;
}
#t1_print th {
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	color:#000;
	padding: 1px;
	font-size:14px;
	vertical-align:top;
	background-color:#e2e2e2
}
#t1_print td {
	border-left: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
	padding: 2px;
	color:#000000;
	font-size:14px;
	vertical-align:top
}
#t1_print th a:link {
	text-decoration: none;
	border-bottom-style: none;
	color:#FFFFFF;
}
#t1_print th a:visited {
	text-decoration: none;
	border-bottom-style : none;
	color:#FFFFFF;
}
#t1_print th a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
	color:#FFFFFF;
	margin: 0px auto;
	width: 100%;
	padding: 0;
	margin: 0;
}
/* table  */
#dateselect th {   
	font-size: 10px;
	text-align:left;
}
#dateselect input,  #dateselect select, #dateselect textarea {     
	display: block;     
	position: relative;     
	left: 0em;     
	top: 0em;
}
#dateselect #sbutt {
	font-size:10px;
	padding: 1px; 
	margin-left: 5px;
	margin-bottom: 20px;
	border: #333333 1px solid; 
	background: #878787;
	color: #ffffff;
	font-family: Verdana, Helvetica, Sans-Serif;
}
/* forms */
label {  
	margin-left: 12px;  
	display: block;     
	margin-bottom: -0.75em;
	font-size: 12px
} 
input, select, textarea {     
	display: inline;     
	position: relative;     
	left: 20em;     
	top: -.5em;
	font-size:12px;
	background-color: #f8f8dd;
}

span.input {     
	display: inline;     
	position: relative;     
	left: 20em;     
	top: -.5em;
	font-size:12px;
}

input.mult_user, select.mult_user, textarea.mult_user,
input.mult_pass, select.mult_pass, textarea.mult_pass,
input.mult_url, select.mult_url, textarea.mult_url,
input.mult_note, select.mult_note, textarea.mult_note
    {
	display: inline;     
	position: relative;     
	left: 2em;     
	top: -.5em;
	font-size:12px;
	background-color: #f8f8dd;
}

.submit1 {
background-color: none;

}

.submit_button {   
	background-color: #CCCCCC;
	padding: 3px
	
}
.form_text {     
	display: inline;     
	position: relative;     
	left: 20em;   
	top: -.5em;
	background-color:#FFFFFF;
	border:thin;
	padding: 1px;
	font-size:12px;
}
.sbutt_style1 {
	background-color: #d8d8d8;
	color:#3482ca;
	text-decoration: none; 
	border-top: #e2e2e2 1px solid;
	border-right: #bbbbbb 2px solid;
	border-bottom: #bbbbbb 2px solid;
	border-left: #e2e2e2 1px solid;
	font-weight: bold;
	padding: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	width: 150px;
	left: 5em;
}
.sbutt_style2 {
	background-color: #fff;
	color:#000;
	text-decoration: none;
	border: 0;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 1px 0px 1px 0px;
	left: 0;
	top: 0;
}
.sbutt_style3 {
	background-color: #d8d8d8;
	color:#3482ca;
	text-decoration: none; 
	border-top: #e2e2e2 1px solid;
	border-right: #bbbbbb 2px solid;
	border-bottom: #bbbbbb 2px solid;
	border-left: #e2e2e2 1px solid;
	font-weight: bold;
	padding: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	width: 150px;
	left: 7em;
	top: -.85em
}
.sbutt_style4 {
	background-color: #d8d8d8;
	color:#3482ca;
	text-decoration: none; 
	border-top: #e2e2e2 1px solid;
	border-right: #bbbbbb 2px solid;
	border-bottom: #bbbbbb 2px solid;
	border-left: #e2e2e2 1px solid;
	font-weight: bold;
	padding: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	width: 100px;
	left: 0em;

    white-space: normal;
}
#sbutt_image {
	margin-top: 5px;
	text-decoration:none; 
	border: 0px
}
.sbutt_multiple {
    left: 40em;

}

/* end forms */
#subnav {
	text-align:center; 
	color: #bbbbbb; 
	margin-bottom: 10px; 
	font-size: 12px
}
.tab_wrapper {
	margin-left: 5px; 
	margin-bottom: 3px; 
	width: 99%;
	border-bottom: #bbbbbb 1px solid;
}
.tab{
	text-align:center;
	font-size:14px;
	padding: 3px; 
	color:#000;
	vertical-align:top; 
	width: 85px; 
	border: #bbbbbb 1px solid;
	float:left;
	margin: 2px 2px 2px 0px;
	background-color: #e2e2e2;
	font-weight:bold
}
#tab_on a {
color: #018ad8
}
#tab_off a {
	color:#000;
}
.box_style {
	text-align: center; 
	background-color: #ccc; 
	color: #000; 
	font-weight: bold;
	border-right: #bbbbbb 1px solid;
}

.box_style1 {
	text-align: center; 
	background-color: #edf3f1; 
	width: 160px;
	font-size: 11px;
	color: #000; 
	font-weight: bold;
	border: #bbbbbb 1px solid;
	margin-bottom: 2px
}
.confirm {
 	cursor: pointer;
}
.pending{
	color: #47a082;
	text-transform:uppercase;
	font-weight: bold
}
.approved {
	color: #3583cd;
	text-transform:uppercase;
	font-weight: bold
}
.paid {
	color: #000;
	text-transform:uppercase;
	font-weight: bold
}
.highlight {
	background-color: #f8f8dd;
	padding-left: 3px;
	padding-right: 3px;
}
/* table boxes */
.alertDiv {
	color: #FF0000;
	text-align: center;
	margin: .1em;
	padding: .1em;
	background: #fee;
	border: 1px solid #FF0000;
}
.alertDivLarge {
	color: #FF0000;
	text-align: center;
	margin: .1em;
	padding: 1em;
	background: #fee;
	border: 2px solid #FF0000;
	font-size: 16px
}
#warningDiv {
	color: #05058b;
	text-align: center;
	margin: 20px;
	padding: 20px;
	background: #ebebf9;
	border: 2px solid #05058b;
	font-size: 16px
}
.warningDiv {
	color: #05058b;
	text-align: center;
	margin: 20px;
	padding: 10px;
	background: #ebebf9;
	border: 1px solid #05058b;
}
.warningDivLarge {
	color: #05058b;
	text-align: center;
	margin: 20px;
	padding: 20px;
	background: #ebebf9;
	border: 2px solid #05058b;
	font-size: 16px
}
.noticeDiv {
	text-align: center;
	margin: .1em;
	padding: .1em;
	background: #d8dcf9;
	border: 1px solid #bbbbbb;
}
.defaultDiv {
	text-align: center;
	margin: .1em;
	padding: .1em;
}
/* END table boxes */
#message {
	color: #05058b;
	text-align: center;
	margin: 20px;
	padding: 10px;
	background: #ebebf9;
	border: 1px solid #05058b;
}

#pwgen_button {
    margin-left: 20px;
}

#pwgen_results {
    left: 5px;
    margin-top:30px;
    padding: 10px;
}

#pwgen_num_selector {
    left: 90px;
    width: 30px;
    padding:10px;
}

#pwgen_len_selector {
    left: 100px;
    top: 2px;
}

#pwgen_comma_selector {
    left: 100px;
    top: 2px;
}

#pwgen_multibutton {
    left: 130px;
    padding: 5px;
}

#multi_gen {
    left: 17em;
}

span.timeout-span {
    padding-right:5px;
}


#extra-approvals-controls {

    background-color: #EBEBF9;


    position:fixed;
/*    right: 0px; */
    top:200px;

    margin-left: 884px;

    width: 100px;
    padding: 10px;

    z-index: -1;

    border: 1px solid #BFBFBF;


}

tbody {
    z-index: 5;
}

#worldwrap {
    width:1100px;
    margin-left:auto;
    margin-right:auto;
}

#bill_total {
    font-weight: bold;
    margin-right: 180px;
}
#tax_total {
    font-weight: bold;
    margin-right: 180px;
}

#multi-process-check-wrap {
    position:relative;
    left:45em;
    width:300px;
}

#multi-process-authorize-wrap {
    position:relative;
    left:45em;
    width:300px;

}

#submit_authorize {
    margin-top: 1em;
    margin-bottom: 1em;
}

#submit_update {
    margin-top: 1em;
    margin-bottom: 1em;
}

#invoice-tally-wrap {
    font-weight: bold;
    position:relative;
    left: 48em;
    top: -1.5em;
}

.multi {
    position:relative;
}

#checknum-warning {
    margin-top:40px;
}

span.warning {
    color:red;
}

#client-search {
    left: 250px !important;
}

tr.nullbilling {
    background-color: #d9ede1;
}

tr.greyrow {
    background-color: #dddddd;
}

label.checklabel {
    position: relative;
    left: 21em;
}

span.client_header {
    font-weight: bold;
    text-decoration: underline;
    margin-right: 0.5em;
}

input.bare {
    left: 0em !important;
    top: 0em !important;
}

input.selall {
    float: right;
    left: 0em !important;
    top: 0em !important;
}

div.hosting_report_block {
    margin-bottom: 2em;
    border: 4px double black;
    padding: 2em;
}