/* CSS Document for WeWorkbook site*/

/* for even coloured table rows */
.even 
{
    background-color: #FFFFFF;
}
/* for odd coloured table rows */
.odd 
{
    background-color: #D5F2FD;
    color: Black;
}


#container{
	/*width:1028px;*/ 
	margin:0px auto;
	position:relative;
	margin-top:10px;
	
}


#container1{
	width:845px; 
	margin:0px auto;
	
}

#container2{
	/*width:1028px; */
	margin:0px auto;
	background:url(../images/WWB_grass.jpg);
	background-repeat:no-repeat;
	padding-bottom:80px;
	margin-top:10px;
}

#top_header{
	/*background:url(../images/loginHeader.png); 
	background-repeat:no-repeat; */
	width:1028px; 
	height:60px;

}

.sub_header {
	font-family: Arial;
	padding-left: 14px;
	line-height: 30px;
	color: #29A14A;
	font-size: 12px;
	font-weight: bold;
}

.table_contents {
	font-family: Arial;
	padding: 0px;
	line-height: 30px;
	color: black;
	font-size: 8px;
	height:343px;
	width:195px;
	overflow:auto;
}

#Inside_top_header{
	/*background:url(../images/pageLogo2.jpg);*/ 
	/*background-repeat:no-repeat;*/
	width:845px;
	margin:0 auto;
	background:#FFF;
	padding:5px 20px;
	
}

#Inside_navigation{
	width:845px;
	height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	position:relative;
	margin-left:20px;
	background:url(../images/websiteImages/topLine.png) no-repeat;
	
}

#Inside_navigation a{
	color:#000;
}

#Inside_middle{
	background-color:#FFFFFF; 
	width:845px; 
	height:auto;
	margin:0 auto;
/*	padding:0px 20px;*/
	/*min-height:600px;*/
}
#Inside_bottom{
	background-color:#FFFFFF; 
	float:left; 
	width:800px; 
	padding-left:50px; 
	padding-bottom:5px; 
	height:20px;
	font-family:Arial; 
	font-size:10px; 
	font-weight:500;
}

#middle{
	/*background-color:#FFFFFF; */
	width:1028px; 
	height:410px;
}


#login{
	/*background:url(../images/people.jpg); 
	background-repeat:no-repeat; */
	width:274px; 
	float:left; 
	text-align:center;
	
}
#rightpart{
	width:715px;
	float:left; 
	text-align:left;
	/*padding-top:100px;*/
}

.table_class{
	font-family:Arial; 
	font-size:11px;
	color:#FFF;
}
.table_class a, .table_class a:hover, .table_class a:visited{
	color:#FFF;
	text-decoration:none;
}

.error{
	color:red;
	text-align:left;
}

.input_text{
	border:#848484 1px solid; 
	width:170px;
	color:#000;
	font-size:11px;
	height:14px;
}

.input_text_1{
	border:#848484 1px solid; 
	width:120px;
	font-size:11px;
	height:14px;
}

.input_text_register{
	border:#848484 1px solid; 
	width:182px;
	font-size:11px;
}

.input_text_2{
	border:#848484 1px solid; 
	width:395px;
	color:#999; 
	font-size:11px;
	height:14px;
}

.input_text_register1{
	border:#848484 1px solid; 
	width:400px;
	font-size:11px;
}

.link_homepage{
	text-decoration:none; 
	font-weight:bold; 
	color:#0033CC;
}

#right_text{ 
	font-family:Arial; 
	font-size:13px;
	text-align:left;
	color:#5B4C45;
	padding-top:20px;
}

#bottom{
	/*background-color:#FFFFFF; 
	float:left; 
	width:1050px; 
	padding-left:50px; 
	padding-top:50px; 
	height:86px; 
	font-family:Arial; 
	font-size:10px; 
	font-weight:500;*/
	
	font-family:Arial; 
	font-size:11px; 
	padding-top:275px; 
	color:#5B4C45;
}

/*dd a, dd a:hover, dd a:visited{
	color:#2C7FBA;
	text-decoration:none;

}

td a, td a:hover, td a:visited{
	color:#2C7FBA;
	text-decoration:none;

}*/
a, a:hover, a:visited{
	color:#2C7FBA;
	text-decoration:none;
}

#contacts
{
	display:none;
}

.tabText{
	font-size:12px;
	vertical-align:bottom; 
	padding-bottom:20px;
}

.activetab{
	text-align:center; 
	padding:5px 5px 0px 5px;
	border-top:#006695 4px solid;  
	border-left:#006695 4px solid;  
	border-right:#006695 4px solid; 
	background-color:#FFF;
	float:left; 
	min-width:83px;
	width:auto;
	height:20px; 
	color:#000; 
	cursor:pointer
}

.nonactivetab{
	text-align:center; 
	padding:5px 5px 0px 5px;
	background-color:#D6EEFB;
	float:left;
	min-width:83px;
	width:auto;
	height:20px; 
	border-bottom:#006695 4px solid; 
	cursor:pointer
}
.blankgap{
	background-color:#FFF;
	float:left;
	width:6px;
	padding-top:5px;
	height:20px;
	border-bottom:#006695 4px solid; 
}
.Inside_middle_table{
	border-collapse: collapse; 
	border-style:none; 
	width:100%;
	color:#666666;
}

.tabBgTxt{
	border:#9B8578 1px solid; 
	background-color:#ECE9E4;
	text-align:center;
}

.rightborder{
	border-right:#9B8578 1px solid;
	text-align:center;
}

.spantitle{
	float:left;
	width:130px;
	cursor:default;
	position:absolute;
}

.rightbottom{
	border-right:#9B8578 1px solid;
	border-bottom:#9B8578 1px solid;
	text-align:center;
}

.topbottomright{
	border-right:#9B8578 1px solid;
	border-bottom:#9B8578 1px solid;
	border-top:#9B8578 1px solid;
}

.adminTitle{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#FFFFFF; 
	text-align:center; 
	background-color:#9B8578; 
	border-left:#9B8578 1px solid; 
	line-height:30px;
}

.left_td{
	padding-left:20px; 
	vertical-align:top;
	width:25%;
}

.admin_left_td{
	text-align:center;
	vertical-align:top;
	width:19%;
}

.admin_middle_td{
	text-align:right;
	vertical-align:top;
	width:77%;
}

.middle_td{
	padding-left:20px; 
	vertical-align:top;
	width:75%;
}
.campainRightPart{
	overflow:auto; 
	width:97%; 
	height:600px; 
	border:#9B8578 1px solid; 
	vertical-align:top;
}

.adminRightPart{
	height:auto; 
	vertical-align:top;
	padding-top:10px;
	padding-left:10px;
}

.hint_help{
	display:none;
	background-color:#fff;
	border:1px solid #444;
	position:absolute;
	width:auto;
	padding:8px;
	font-size:11px;
	font-family:Arial;
	z-index:10;
	color:#000;
}

.submenu_item{
	display:none;
	background-color:#fff;
	border:1px solid #444;
	position:absolute;
	width:auto;
	padding:8px;
	font-size:12px;
	font-family:Arial;
	z-index:10;
	color:#000;
}

.hint_unpaid{
	display:none;
	background-color:#fff;
	border:1px solid #444;
	position:absolute;
	width:auto;
	padding:8px;
	font-size:11px;
	font-family:Arial;
	z-index:10;
	color:#000;
}
.pop_subMenu{
	float:left; 
	position:absolute; 
	background-color:#CCC; 
	height:160px; 
	display:none; 
	padding:3px 10px 0px 10px; 
	font-size:11px; 
	border-left:#9B8578 1px solid;
	border-right:#9B8578 1px solid;
	border-bottom:#9B8578 1px solid; 
	color:#666; 
	z-index:1000px;
}

.pagetitle{
	color:#554744; 
	font-size:16px; 
	padding:10px; 
	background:#244475; 
	font-weight:bold; 
	color:#FFF
}

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
		color:#666666;
		/*height:auto; 
		overflow:auto;*/
        /*background: #eeeeee;*/
}

select,input{
	 font-family: verdana, sans-serif;
     font-size: 11px;
}

#floatBoxBg{display:none;width:100%; overflow:hidden; background:#000;position:absolute;top:0;left:0; z-index:2;}
.floatBox{border:#666 5px solid;width:300px;position:absolute;top:150px;left:40%; z-index:3;}
.floatBox .title{height:23px;padding:7px 10px 0; background-color:#244475; color:#fff;}
.floatBox .title h4{float:left;padding:0;margin:0;font-size:14px;line-height:16px; color:#FFF;}
.floatBox .title span{float:right;cursor:pointer;}
.floatBox .content{padding:10px 10px;background:#fff;}

.wwbSiteMenu {
    float:left; 
    margin-left:10px; 
    margin-top:3px; 
    padding:3px 0px; 
    font-size:15px; 
    color:#000; 
    text-align:center;
    cursor:pointer;
    height:25px;
}

.statuslabel {
	color:#48A942;
}

.statuslabelred {
	color:#F00;
}

/* bug 4453 add more fields in the add person form */
#addperson_form {   
}
#left_form {
   padding-left: 10px; 
   float: left; 
   width:410px;
}

#right_form {
    float: right;
    width: 400px;
    
}
#add_button {
    position: relative;
    margin-top: 30px;           
    height:22px;
    width: 826px;             
}
#img_link {
    margin-left: 380px;
    height: 22px;
    width: 59px;       
}