* {
	font-family: Helvetica, Verdana, sans-serif;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	/* margin-left:10px;*/
	background-color:    #d0d5db;	 /* Set the page color to light blue rgb(197,204,211) */
	background-image:    url(http://wor.kaholi.com/images/site_bg_short.png); 
	background-repeat:   no-repeat;
	background-position: top center; 	
	-webkit-text-size-adjust:none;		  /* Turn off font resizing */
}

/* -- TOGGLE CONTAINERS -----------------------------------------------------*/

.status_active {
	margin: -1px;
	height: 24px;
	width:  24px;
	border: 1px solid #888;
	background-image: url(http://wor.kaholi.com/images/toggle_green_bg.png); 
	background-repeat:   repeat-x;
	background-position: center left;
	border: 1px solid #888;
	-webkit-border-radius: 4px;
	float: right;
}

.status_inactive {
	margin: -1px;
	height: 24px;
	width:  24px;
	border: 1px solid #888;
	background-image: url(http://wor.kaholi.com/images/toggle_red_bg.png); 
	background-repeat:   repeat-x;
	background-position: center left;
	border: 1px solid #888;
	-webkit-border-radius: 4px;
	float: right;
}

.toggle_grey {
	text-align: center;
	height:	24px;
	width: 70px;
	border: 1px solid #888;
	background-image: url(http://wor.kaholi.com/images/toggle_bg.png); 
	color: #888;
	background-repeat:   repeat-x;
	background-position: top left; 	
	-webkit-border-radius: 4px;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 24px;
}

.toggle_blue {
	text-align: center;
	height:	24px;
	width: 70px;
	border: 1px solid #888;
	background-image:    url(http://wor.kaholi.com/images/toggle_blue_bg.png); 
	color: #fff;
	background-repeat:   repeat-x;
	background-position: top left; 	
	-webkit-border-radius: 4px;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 24px;
}

.toggle_on {
	text-align: center;
	height:	24px;
	width: 120px;
	border: 1px solid #888;
	background-image:    url(http://wor.kaholi.com/images/toggle_blue_bg.png); 
	color: #fff;
	background-repeat:   repeat-x;
	background-position: top left; 	
	-webkit-border-radius: 4px;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 24px;
}

.toggle_off {
	text-align: center;
	height:	24px;
	width: 120px;
	border: 1px solid #888;
	background-image: url(http://wor.kaholi.com/images/toggle_red_bg.png); 
	color: #fff;
	background-repeat:   repeat-x;
	background-position: top left; 	
	-webkit-border-radius: 4px;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 24px;
}

.slider {
	margin: -1px;
	height: 24px;
	width:  30px;
	background-image:    url(http://wor.kaholi.com/images/slider_bg.png); 
	background-repeat:   repeat-x;
	background-position: center left;
	border: 1px solid #888;
	-webkit-border-radius: 4px;
}

.slider_left {
	margin: -1px;
	height: 24px;
	width:  30px;
	background-image:    url(http://wor.kaholi.com/images/slider_bg.png); 
	background-repeat:   repeat-x;
	background-position: center left;
	border: 1px solid #888;
	-webkit-border-radius: 4px;
	float: left;
}

.slider_right {
	margin: -1px;
	height: 24px;
	width:  30px;
	background-image:    url(http://wor.kaholi.com/images/slider_bg.png); 
	background-repeat:   repeat-x;
	background-position: center left;
	border: 1px solid #888;
	-webkit-border-radius: 4px;
	float: right;
}


/* -- CONFLICT NOTICE CONTAINER ---------------------------------------------*/

#conflict_notice{
	background-color: #fff;
	border: 1px solid #f00;
	color: #f00;
	margin-bottom:17px;
	margin-right:0px;
	margin-left: 10px;
	margin-top:0pt;
	padding:0px;
	width:300px;
	-webkit-border-radius: 8px;
}

#conflict_notice p {
	margin: 10px;
	font-weight: normal;
}


/* -- FLASH NOTICE CONTAINER ------------------------------------------------*/

#notice_container{
	background-color: #f00;
	border: 1px solid #f00;
	color: #fff;
	margin-bottom:7px;
	margin-right:0px;
	margin-left: 10px;
	margin-top:0pt;
	padding:0px;
	width:300px;
	-webkit-border-radius: 8px;
}

#notice_container ul {
	margin: 10px;
	padding: 0px;
	padding-left: 15px;
}
#notice_container p {
	margin: 10px;
	font-weight: bold;
}

#notice_container ul li {
	font-size: 0.9em;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* -- PAGE NOTICE CONTAINER ----------------------------------------------*/

#page_container {
	width: 320px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height:41px;
}
	
#main_content {
	/* margin-left:  8px; /* 10px / auto */
	margin: 0;
	padding:      0;
	text-align:   left;
}
	
#links{
	text-align: center;
}
	
.header {
	margin-top:    14px;
	margin-bottom: 17px;
	margin-left:   18px;
	margin-right:  16px;
	font-size:     17px;
	font-family:   Helvetica;
	font-weight:   bold;
	color:         rgb(76,86,108);
}
	
.header span.other_link {
	font-size: 0.8em;
	float: right;
	font-weight: normal;
}

.iphone_style h1 {
	margin:0;
	padding-top:0px; /* 10px / 0px */
	padding-right:10px;		 
	/* padding-bottom:10px; */
	padding-left:18px;	
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color: rgb(76,86,108);
}

.iphone_style ul {	   
	padding: 0;	   
	margin-top:0;
	margin-right:0px;
	margin-left:10px;
	margin-bottom:17px;
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color:black;
	width: 300px;
	background-color: white;
	border-width: 1px;
	border-style:solid ;
	border-color: #aaa; /* rgb(217,217,217) */
	-webkit-border-radius: 8px;
}

.iphone_style li {	
	list-style-type: none;	
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:rgb(217,217,217);
	padding-top:10px;		  
	padding-right:10px;		 
	padding-bottom:14px;
	padding-left:10px;	
}
	
	
.iphone_style li .form_label {	
	float: left;
	width: 90px;
	text-align: right;
	padding-right: 3px;
	padding-top: 5px;
}

.iphone_style li:first-child {
	border-top:0;    /* Remove border above the first item of the list */
}

/* Handle the click/tap highlight. Highlight an entire cell with the iPhone grey background when tapped */ 
.iphone_style a {
	display: block;   /* Sets the href to be a block rather than inline */
	
	/* The padding properties adjust the text content within the href block */
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
	
	/* The margin properties adjust the size of the href block	*/
	margin-top: -8px;
	margin-right: -8px;
	margin-bottom: -12px;
	margin-left: -8px;	 
	
	text-decoration: none;
	color:black;
}

/*	Add an arrow button to a link */
.showArrow {  
	margin-right:10px;		
	padding-right:16px;	   /* Distance between the arrow button and a text */
	
	background-image: url(/images/chevron.png); 
	background-repeat: no-repeat;
	background-position: right; 
}

.showBlank {
	margin-right:10px;		
	padding-right:16px;	   /* Distance between the arrow button and a text */
	
	background-repeat: no-repeat;
	background-position: right; 
}

/*	Check */
.showCheck {  
	margin-right:10px;		
	padding-right:16px;	   /* Distance between the arrow button and a text */
	
	background-image: url(/images/check.png); 
	background-repeat: no-repeat;
	background-position: right; 
}

/*	Loader */
.showLoader {  
	margin-right:10px;		
	padding-right:16px;	   /* Distance between the arrow button and a text */
	
	background-image: url(/images/ajax-loader.gif); 
	background-repeat: no-repeat;
	background-position: right; 
}
	
	
/* Used for secondary text (text that is less important) */
.secondary {
	font-weight:normal;		/* Regular font is used for secondary text */
	float:right;		     /* Align secondary text to the right of its parent cell */
	margin-right:10px;	  
}
	
.secondaryLoader {
	float:right;		     /* Align secondary text to the right of its parent cell */
	margin-right:10px;
	padding-top:2px;
}


/* Used for secondary content that contains a link and a button */
.secondaryWArrow {
	display:block;		 /* Set the secondary content to be a block	 */
	font-weight:normal; 
	float:right;
	color: #324F85;		 /* sets the color of the link */
}

/* Used for secondary text that is a link */
.secondaryWLink {
	font-weight:normal;		
	float:right;		  
	margin-right:10px;	  
	color: #324F85;		 /* sets the color of the link */
}

.iphone_textinput {
	-webkit-appearance: button; 
	outline: #fff; 
	border:0; 
	/* width:auto; */
	width:170px;
	color: #888; 
	font-size:1.0em;
}
	
div.plain-button {
	display: block;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
	width: 125px;
	border: 1px solid black;
	-webkit-border-radius: 5px;
	background-color: #37456c;
	opacity: 1.0;
}	

.plain-button a, .plain-button a:visited, .plain-button a:hover {
	text-align: center;
	padding: 0;
	text-decoration: none;
	color: #fff;
	display: block;
}	

.button	{	
	line-height: 30px;	 
	width: 100px;
	text-decoration: none;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #008;
	padding: 5px;
	-webkit-border-radius: 5px;
}
	
.add_forms {
	color: white;
	border: 1px solid black;
	-webkit-border-radius: 5px;
	background-color: #37456c;
}

/*  Builds a button using a 29x46 image */
.white {
	margin: 3px auto;
	border-width: 0px 14px 0px 14px;
	color: #000;
	/*  Put a 1 pixel blur white shadow below the button's text  */
	text-shadow: #fff 0px 1px 1px;	
	/* Note that the -webkit-border-image values are given as  0 14 0 14 and not 0px 14px 0px 14px */
	-webkit-border-image: url(/images/whiteButton.png) 0 14 0 14;
}

/*	Builds a button using a 29x46 image */
.black	{
	border-width: 0px 14px 0px 14px;
	color: #fff;
	/* Put a 1 pixel blur black shadow below the button's text */
	text-shadow: #000 0px 1px 1px;	
	-webkit-border-image: url(/images/grayButton.png) 0 14 0 14;
	margin: 3px auto;	
}
	
#footer {
	text-align: center;
	border-top: 1px solid #999;
	padding-top:5px;
	padding-bottom:15px;
	font-size: 12px;
	display: block;
}
	
h1 {
	margin:0;
	padding-top:10px;		  
	padding-right:10px;		 
	padding-bottom:10px;	
	padding-left:10px;	
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color: rgb(76,86,108);	 /* Set each label color */		
}

.stop a, .stop a:visited, .stop a:hover {
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	text-align: center;
}

.iphone_style ul.stop {
	border-color: #000;
	background:   transparent url(/images/red_button_bg.png) repeat-x center left;
}

.go a, .go a:visited, .go a:hover {
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	text-align: center;
}
	
.iphone_style ul.go {
	border-color: #000;
	background:   transparent url(/images/green_button_bg.png) repeat-x center left;
}

.blue_button a, .blue_button a:visited, .blue_button a:hover {
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	text-align: center;
}
	
.iphone_style ul.blue_button {
	border-color: #000;
	background:   transparent url(/images/blue_button_bg.png) repeat-x center left;
}
	
	
	




.disabled a, .disabled a:visited, .disabled a:hover {
	color: #999;
	text-align: center;
}

.iphone_style ul.disabled {
	background-color: #ddd;
	border-color: #aaa;
}	

.green {
	background-color: #0f0;
}
	
.red {
	background-color: #00f;
}
	
#nav {
	position: relative;
	background-image:    url(http://wor.kaholi.com/images/nav_bg.png); 
	background-repeat:   no-repeat;
	background-position: top center;
	border: 0px solid #f00;
	height: 33px;
	z-index: 100;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 17px;
}

#nav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-left:0px;
}

#nav ul li {
	float: left;
	position: relative;	
	width: 92px;
	height: 33px;
	text-align: center;
	border-left: 0px solid #dcdcdc;
	padding: 0px;
	margin: 0px;
	margin-left:10px;
	margin-right: 2px;
	line-height:30px;
}

#nav ul li a, #nav ul li a:visited {
	display: block;
	margin-top: 3px;
	text-decoration: none;
	color: #008
}

#nav ul li.active_tab span {
	color: #000;
	margin-top: 5px;
	font-size: 1.0em;
	display: block;
}

#nav ul li a:hover {
	text-decoration: none;
}

.active_tab {
	background-image:    url(http://wor.kaholi.com/images/active_tab.png); 
	background-repeat:   no-repeat;
	background-position: 0px 0px;
}

#button_container{
	margin-top:35px;
}

.bg_chevron {
	background: transparent url(/images/v2_chevron.png) no-repeat right center;
}

.bg_check {
	background: transparent url(/images/v2_check.png) no-repeat right center;
}

.secondary_w_chevron {
	font-weight:normal;float:right;margin-right:15px;color: #324F85;
}









#report_container {
	width: 320px;
	text-align: left;
	/*
	border-left:         1px solid #888;
	border-right:        1px solid #888;
	*/
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 25px;
	
}

.report_client{
	margin: 0px;
	border-top:          1px solid #444;
	font-weight:         bold;
	background-color:    #d0d5db;	 /* Set the page color to light blue rgb(197,204,211) */
	background-image:    url(http://wor.kaholi.com/images/report_title_bg.png); 
	background-repeat:   repeat-x;
	background-position: top left; 	
	padding-left:  12px;
	padding-right: 12px;
	height: 40px;
	line-height: 40px;
}

.report_project{
	margin: 0px;
	background-color: #0d5a7f; /* #0d5a7f / #d0d5db  */
	border-bottom:          1px solid #888;
	border-top:             1px solid #888;
	padding-left:  12px;
	padding-right: 12px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

.report_project_basic{
	margin: 0px;
	background-color: #fff; /* #0d5a7f / #d0d5db  */
	border-top:             1px solid #888;
	padding-left:  12px;
	padding-right: 12px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	/* text-transform: uppercase; */
}

.report_wp{
	margin: 0px;
	border-bottom:          1px solid #eee;
	font-weight:         normal;
	font-size:           14px;
	padding-left:        12px;
	background-color:    #fff;
	background-image:    url(http://wor.kaholi.com/images/tree_bg.png); 
	background-repeat:   repeat-y;
	background-position: center left; 
	padding-left: 30px;
	padding-right: 15px;
	height: 28px;
	line-height: 28px;
}

.report_wp_last{
	margin: 0px;
	font-weight:         normal;
	font-size:           14px;
	background-color:    #fff;
	background-image:    url(http://wor.kaholi.com/images/tree_bottom_bg.png); 
	background-repeat:   repeat-y;
	background-position: center left; 
	padding-left: 30px;
	padding-right: 15px;
	height: 28px;
	line-height: 28px;
}

.report_nothing {	
	text-align: center;
	color: #000;
	border-bottom: 0px;
}

.report_total{
	text-align: right;
	padding: 15px;
	font-weight: bold;
	border-top: 1px solid #888;
}
#report_container .elapsed_time {
	float: right;
}