a, a * { cursor: pointer; }

/*OLD BODY STYLE*/
/*body {
	margin: 0px;
	padding: 0px;
	font-family: tahoma;
	/*background-color:004e74;*/
	/*background-image:url('/public/images/bg.gif'); 
	background-repeat: repeat-x;
	text-align:center;
} */
/*NEW BODY STYLE*/
body {
	font: 11pt 'Roboto Condensed', Arial, Helvetica, sans-serif;
	background-image: url('/public/images/qbclipsv2/mainlinkbar.jpg');
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: black;	
}

#centeraligndiv {
	/*width: 1010px;*/
	width: 950px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:center;
	/*border: 1px solid yellow;*/
}

#header_1 {
	width: 950px; /*was 930 */
	/*border: 1px solid green;*/
	margin-top: 4px;
	/*width:1010px;*/
	height:60px;
	padding:0px;
	/*
	position: relative; 
	top: -17px;
	*/
	text-align:center;
	/*border: 1px solid purple;*/
}

#logoarea {
	width: 200px;
	height: 55px;
	color: black;
	text-align: left;
	float: left;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#fadelogo {
	font: 14pt 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-style: italic;
	height: 134px;
	//background-image: url('/public/images/qbclipsv2/logotop_fade.jpg');
	background-repeat: no-repeat;
	background-position: right;
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	text-align: right;
	vertical-align: middle;
	display: table-cell;
}
/*This div centers the fadelogo and logoarea divs within header1*/
#headeralignment {
	margin-left:auto;
	margin-right:auto;
	width:850px;
}

/*  THIS IS THE OLD LOGO ID---------------------------------------------------------------------------------------*/
#logodiv{
	background-image:url('/public/images/qbclipslogo1.gif');
	background-repeat: no-repeat;
	width:245px;
	height:110px;
	
	position:relative;
	left:40px;
	
	clear: both;
	
	/*border: 1px solid red;*/
}

#nav_bar {
	margin:0px auto;
	padding:0px 0px 0px 100px;
	/*position:absolute; *//*relative*/
	/*
	top:-6px;
	left:5px;
	*/
	/*color:b3e4fe;*/
	text-align:center;
	/*border: 1px solid white;*/
	background-color: #00ae3d;
}

#nav {
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#0F0;
}

#nav li{
   	display: inline;
	float: left;
  	padding: 10px;
  	margin-top:8px;
	/*background-image:url('/public/images/navbar/navbutton.jpg');*/
	/*width: 135px;*/ /*153*/
	height: 32px; /*32*/
	/*color:b3e4fe;*/
	font-size:13px;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-align:center;
}
#nav li a{
	text-decoration: none;
	color:#FFF;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:11pt;
}
#nav li a:hover {
	color:#FFF;
	font-family:sans-serif;
	font-size:11pt;
	text-decoration:underline;
}

#nav2{
	/* position:relative;*/
	/*
	top:50px;
	*/
	/*left:30px;*/
	padding:0px;
	margin: 0px 0px 0px 30px;
	font-size:10pt;
	color:#076797;
	font-family:sans-serif;
	text-align:left;
}

#nav2 ul {
	/*list-style-type: disk;*/
	/*list-style-image: url(/'public/images/navbar/check.gif');*/
}

#nav2 li{
	font-size:10pt;
	margin:0px;
	padding:1px;
	color:#076797;
	font-family:sans-serif;
	list-style-type: disk;
	list-style-image: url('/public/images/navbar/check.gif');
}

#nav2 li a{
	font-size:10pt;
	margin:0px;
	padding:0px;
	color:#076797;
	font-family:sans-serif;
	/*list-style-image: url('/public/images/navbar/check.gif');*/
}

#body_main{
	/*width:1010px;*/
	width: 950px; /*was 980*/
	color: #005871;
	/*border: 1px solid red; */
	/*overflow: auto;*/
}

#body_left{
	width:216px;
	float:left;
	text-align: right;
	margin: 45px 0px 0px 0px;
	/*border: 1px dashed green;*/
}

#body_center{
	/*width:563px;*/
	width: 494px;
	float: left;
	margin: 25px 2px 0px 0px;
	/*border: 1px solid yellow;*/
	font-size: 9pt;
}

#body_right{
	float:left;
	/*border: 1px dashed green;*/
	width:216px; /* 216 */
	margin: 45px 0px 0px 0px;
}

#nav_box{
	background-image:url('/public/images/box_nav.jpg');
	padding:0px;
	margin:0px;
}

#news_box{
	background-image:url('/public/images/box_news.jpg');
	margin: 0px;
	padding: 0px;
}


#body_box{
	/*background: url('/public/images/content-top.gif') 0 0 no-repeat;*/
	width:494px;
}

#login_box{
	background-image:url('/public/images/box_login.jpg');
/*
	width:224;
	height:241;
*/
}

#v2loginbox{
	background-image:url('/public/images/qbclipsv2/salonlogin_btn.jpg');	
}

#logout_box p {
	text-align: left;
	padding: 4px;
	font-size: 9pt;
}

#aux_box{
	background-image:url('/public/images/box_aux.jpg');
	/*
	width:223px;
	height:110px;
	*/
}

#ad_box{
	background-image:url('/public/images/box_adright.jpg');
	/*
	width:223px;
	height:154px;
	*/
}

.newstext {
	font-family: sans-serif;
	font-size: 10pt;
	margin:0px;
	padding:45px 0px 0px 10px;
	text-align:left;
	width:200px;
}

#coloredboxes {
	float:left;	
}

#footer_1 {
	margin-top: 15px;
	height: 73px;
	width: 950px;
	font: 9pt Arial, Helvetica, sans-serif;
	color: #005871;
	/*
	position:absolute;
	bottom:0;*/
}
#footer_2 {
	margin-top: 15px;
        height: 73px;
        width: 950px;
        font: 9pt Arial, Helvetica, sans-serif;
        position:absolute;
        bottom:0;
}

#footernav {
	float:left;
	margin-left: 13px;
	text-align:left;
}

#clearfooter {
	clear:both;
}

#groupSelect {
	width: 100%;
/*	float: left;*/
	text-align: left;
	padding: 0px;
	background-color: #e0e3d8;
    	border: 1px solid black;

}
#groupSelect select{
	width: 250px;
}
.tooltip {
	display:inline;
	position: relative;	
}
.tooltip:hover:before{
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom:20px;
	content: "";
	left: 50%;
	position: absolute;
	z-index:: 99;
}

.error {
	color: red;
}

.tooltip:hover:after{
	background: 333;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	bottom: 26px;
	color: #fff;
	content: attr(title);
	left:20%;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width:220px;
}

.qbov3Content {
	text-align: left; 
	margin-left: 25px; 
	margin-right: 25px;
	margin-top: 15px;
}

.qbov3Expire {
	float: left;
	
}

#qbov3_details {
	border: 1px solid black;
	background: #FFCC00;
	width: 90%;
	float: left;
	margin: auto;
	
}

.qbov3msg {
	margin-bottom: 0px;
}

.qbov3Error {
	color:#D63333;
	font-weight:bold;
    margin-top: 0px;
}
.errorDetails {
	display: none;
}
.qbov3Warning {
    color:#FFCC00;
    font-weight:bold;
    margin-top: 0px;
}


.qbov3Info {
    color:#000;
    font-weight:bold;
    margin-top: 0px;
}


/* Steve Added */
.containerBox {
	width: 216px; /*206*/
	margin-bottom: 5px;
}
.headerBox {
	width: 216px;
	height: 37px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*background: url(/public/images/bg-h.gif) 0 0 no-repeat;*/
	text-align: left;
}
.headerBox h1 {
/*	display: block;*/
	position: relative;
	top: 10px;
	left: 15px;
	font-weight: bold;
	/*color: #FFFFFF;*/
	font-size: 16px;
	font-family: arial;
}
.contentBox {
	text-align: center;
	width: 216px;
	/*background-color: #6699CC;*/ /*#6699CC;*/
}
.innerContentBox {
	padding-top: 5px;
	margin: 0px auto;
	width: 208px;
	background-color: #FFFFFF;
}

.leftBanner {
       padding: 8px 10px;
       border-radius: 8px;
       border: solid #00AE3d;
       margin: 40px 8px 8px 8px;
       background-color: #E9E9E9;
       text-align: center;
       font-size: 15px;
}
.leftBanner a p {
       text-align: center!important;
       font-size: 15px!important;
}



.footerBox {
	font-size: 0px;
	background-color: #FFFFFF;
	height: 10px;
	/*background: url('/public/images/bg-bottom.gif') 0 0 no-repeat #FFFFFF; height: 10px;*/
}


.centerHeaderBox {
	width: 494px;
	height: 41px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*background: url('/public/images/content-top.gif') 0 0 no-repeat;*/
	text-align: left;
}
.centerHeaderBox h1 {
/*	display: block;*/
	position: relative;
	top: 10px;
	left: 15px;
	font-weight: bold;
	font-size: 16px;
	font-family: arial;
}
.centerContentBox {
	text-align: left;
	width: 494px;
	background-color: #FFFFFF; /*#6699CC;*/
	/*border: 1px solid green;*/
}
.centerInnerContentBox {
	/*
	position: relative;
	left: 4px;
	*/
	/*border: 1px solid red;*/
	width: 494px; /*472*/
	/*text-align: left;*/
	/*float: left;*/
}

.centerInnerPadding {
	width: 488;/*472px;*/ /*478*/
	padding: 6px; /*8*/
	background-color: #FFFFFF;
	margin: auto;
	text-align: left;
}

.salonContent {
	/*display: none;
	float: left;*/
	
	background-color: #ffffff;
	width: 472px;
}

.leftInnerContentBox {
	/*float: left;*/
	/*width: 11px;*/
	/*background: url('/public/images/border-left2.gif') 0 0 repeat-y;*/
}

.rightInnerContentBox {
	/*float: left;*/
	/*width: 11px;*/
	/*background: url('/public/images/border-right2.gif') 100% 0 repeat-y;*/
}

.centerFooterBox {
	width: 494px;
	clear: both;
	margin: 0px;
	padding: 0px;
	/*background: url('/public/images/content-bottom.gif') 0 0 no-repeat #FFFFFF; height: 41px;*/
}



.clear {font-size: 1px; height: 1px}

.cBtn
{
	background-image:url('/public/images/cBtn.gif');
	background-position: center center;
	background-repeat:repeat-x;
	background-color:#E7E7E7;
	border: 1px solid #3E6E9B;
	TEXT-DECORATION: none;
	height:20px;	
	CURSOR: hand; 
	COLOR: #000000;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align:center;
	vertical-align:middle;
	cursor:hand;
	cursor:pointer;
}

.dBtn
{
	background-image:url('/public/images/dBtn.gif');
	border:#342b2b 1px solid;
	HEIGHT: 22px; 
	TEXT-DECORATION: none;
	CURSOR: hand;
	CURSOR: pointer;
	COLOR: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
}

#shim {
	float: left;
	width: 1px;
	background-color: #FFFFFF;
}

/* Tabs */

.tabs2 {
	list-style:none; 
	/*text-align: right;*/
	/*padding:15px 0 11px 0;*/ 
	/*margin:30px 10px 30px 0;*/ 
	
	/*width:170px;*/ 
	
	/*position: relative;
	left: -175px;*/
	/*background:url(/public/images/tabs/vback.gif) repeat-y right bottom;*/
	padding: 0px;
	margin: 0px;
	text-align: right;
	border: 1px solid red;
}

.tabs ul {
	float: right;
	list-style:none;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

.tabs li {
	
	position: relative;
	left: 8px;
	top: 75px;
	
	display:block; 
	text-align: center;
	margin:0 0 4px 0px; /* was 19px, then 119 */
}
.tabs li a {
	display:block; 
	width:50px; /* Was 150px; */ 
	height:26px; 
	text-decoration:none; 
	background:url(/public/images/tabs/vtab2.gif) left top; 
	font-size:12px; 
	text-decoration:none; 
	color:#fff; font-family:verdana; 
	line-height:24px; 
	border-right: 4px solid #D6DFE7;
	/*text-indent:15px;*/ 
	/*border-right:1px solid #000;*/
}
.tabs li a:hover {
	background:url(/public/images/tabs/vtab2.gif) left center; 
	color:#050; border-color:#888;
}
.tabs li a.selected, .tabs li a.selected:hover {
	background:url(/public/images/tabs/vtab2.gif) left bottom; 
	color:#000; 
	border-color:#fff;
	cursor:default;
}

/* END Tabs */

.navBtn {
	width: 118px;
	height: 26px;
	text-align: center;
	/*border: 4px solid black;*/
	float: left;
	margin-left: 2px;
	margin-right:2px;
	padding-top: 5px;
	background:url(/public/images/qbclipsv2/gBtn.jpg) no-repeat;
	
}

/* Calendar */
.calendar {
	/** configure the width **/
	float: left;
	/*clear: left;*/
	width:220px;
	background-color: #DCDBD9;
	border: 1px solid #000000;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	margin:0px 10px 10px 0px;
	padding:0px;
	text-align: center;
	border-spacing: 0px;
	
}
.calendar th {
	background-color: #FFFFCC;
	font-weight: bold;
	height: 20px;
}
.calendar .header {
	background-color: #5670B3;
	font-weight: bold;
	height: 24px;
	color: #FFFFFF;
}
.calendar .footer {
	background-color: #5670B3;
	font-weight: bold;
	font-size:0.8em;
	color: #FFFFFF;
	/*width:100%;*/
}
.calendar td {
	width: 22px;
	height: 16px;
	/*text-align: center;*/
	font-size:0.9em;
	padding: 0px;
	border: 1px solid black;
	/*vertical-align: top;*/
}

.calendar .normalDay {
	/*border: 1px solid red;*/
	/*text-align: center;*/
	width: 30px;
	height: 20px;
	/*width: 100%;*/
/*
	width: 100%;
	height: 100%;
*/
	/*
	margin: 0px;
	border: 0px;
	padding: 0px;
	*/
}

.calendar .payrollDay {
/*
	width: 20x;
	height: 10px;	
*/
	/*width: 5px;*/
	/*height: 5px;*/
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.status0 {
	background-color: #2EC92E;
}

.status1 {
	background-color: #F7F748;
}

.status2 {
	background-color: #FAD2DA;
}

.status3 {
	background-color: #FF0000;
}

.status4 {
	background-color: #E0E3D8;
}

.status5 {
	background-color: #2140fc;
}

.status6 {
	background-color: black;
}

/*
.calendar .link {
	width: 22px;
	height: 20px;
	background-color: #D4C9EF;
	padding: 2px;
	border: 1px solid #000000;
}
*/
.calendar a, .calendar a:link, .calendar a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;

}
.calendar a.headerNav, .calendar a:link.headerNav, .calendar a:hover.headerNav {
	background-color: #5670B3;
	color: #ffffff;
}

.calendar a.footerNav, .calendar a:link.footerNav, .calendar a:hover.footerNav {
	width: 100%;
	background-color: #5670B3;
	color: #ffffff;
}

/* END CALENDAR */

/* Key */
#key {
	/*float: left;*/
	width: 180px;
	height: 158px;
	margin: 10px auto;	
	border: 1px solid #53666D ;
	
	position: relative;
	top: -10px;
}

.keyItem {
	width: 10px;
	height: 10px;
	border: 1px solid black;
	margin: 2px;
	display: block;
	float: left;	
}

.keyHeader {
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	height: 24px;
	/*width: 210px;*/
	width: 100%;
	background-color: #5670B3;
}

#key ul {
	list-style-type: none;
	margin: 0px;
	padding: 1px;
	font-size: 8pt;
	text-align: left;
}

#key li {
	height: 17px;
	padding-top: 5px;	
}
/* END KEY */

/* Date Window */
.dateWindow {
	text-align: left;
	font-size: 8pt;
	float: left;
	width: 100%;
	/*height: 200px;*/
	background-color: #E0E3D8;
	border: 1px solid black;
}

#dateWindowHeader {
	text-align: center;
	width: 100%;
	background-color: #5670B3;
	color: #FFFFFF;
	font-weight: bold;
}

.dateWindow fieldset {
	margin: 5px;
}

.dateWindow ul {
	list-style-type: none;
	margin: 0px;
	padding: 10px;
}

/* END Date Window */

.navBtn a {
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}

.navBtn a:hover {
	color: #00ae3d;
	font-weight: bold;
}

.navBtn a:visited{
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}

hr {
	margin: 0px;
	padding: 0px;
	width: 95%;
	color: #04334d;
	
}

table.groupTable {
	font-size: 9pt;
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
table.groupTable th {
	border-width: 0px 0px 1px 0px;
	padding: 3px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: left;
}
table.groupTable td {
	border-width: 0px;
	padding: 3px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.groupTable a {
	color: #2140fc;
	text-decoration: none;
}

table.groupTable a:hover {
	color: #2140fc;
	text-decoration: underline;
}


#sectionOptions {
	text-align: left;
	font-size: 8pt;
	float: left;
	width: 100%;
	/*height: 200px;*/
	background-color: #E0E3D8;
	border: 1px solid black;
	margin-bottom: 10px;
}

#sectionOptionsHeader {
	text-align: center;
	width: 100%;
	background-color: #5670B3;
	color: #FFFFFF;
	font-weight: bold;
}

#sectionOptions ul {
	list-style-type: none;
	padding: 2px;
	margin: 0px;
	float: left;
}

.bold {
	font-weight: bold;
}

.padTop {
	margin-top: 5px;
}


a.button {
	font: 11px Arial;
	text-decoration: none;
	background-color: #EEEEEE;
	color: #333333;
	padding: 2px 6px 2px 6px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
}

/*
a.button:link, a.button:visited, a.button:hover
{
	color: #000000;
	text-decoration:none; 
	font-variant: small-caps; 
	border-style: outset; 
	border-width: 2; 
	padding-left: 4; 
	padding-right: 4; 
	padding-top: 1; 
	padding-bottom: 1; 
	background-color: #C0C0C0
}
a.button:active, a.button:focus
{
	color: #000000;	
	text-decoration:none; 
	font-variant: small-caps; 
	border-style: inset; 
	border-width: 2; 
	padding-left: 4; 
	padding-right: 4; 
	padding-top: 1; 
	padding-bottom: 1; 
	background-color: #C0C0C0
}
*/

#adminWarning {
	width: 100%;
	padding: 10px;
	background-color: #fc6076;
}

a:link {
	color: #003663;
	text-decoration: underline;
}
a:visited {
	color: #003663;
	text-decoration: underline;
}
a:hover {
	color: #F69517;
	text-decoration: none;
}
a:active {
	color: #003663;
	text-decoration: none;
}