@charset "utf-8";
/* CSS Document */

/* @import url ("sidemenu.css");  not used anymore*/
/* @import url ("form.css"); */
/* @import url ("data-table.css"); */
/* @import url ("style.css"); */
/* @import url ("template_main.css"); */
/* @import url ("datepicker.css");*/
/* @import url ("show_hide.css"); */



/* *************************************************************************************************************
- 
************************************************************************************************************** */

/* ----- END  ----- 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/*
Index for styles
-	Text colors				43
-	Forms					60
-	Data tables				84
-	issue Serverity			234
-	show_hide div			306
-	Date Picker				359
-	template main			494	
-	styles unclassified		612
-	error messages
-	
-
-		

*/

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	}

################
/* Links */
################

    /* Global */
        a {
            color:#24BDDB;
        }

        a:link{
            text-decoration:none;
            color:#24BDDB;
        }
        a:hover {
            text-decoration:underline;
        }
        a:visited {
            text-decoration:none;
            color:#24BDDB;
        }

	/* Global END */


.issue_body_row tr{
    
}

.issue_body_row tr:hover {
    
}


/* *************************************************************************************************************
- Text colors
************************************************************************************************************** */
.text-red{
	color:#F00;
}
.text-blue{
	color:#00F;
}
.text-green{
	color:#0F0;
}
.text-black{
	color:#000;
}
.text-AB {
	font-family:"Arial Black", Gadget, sans-serif;
}
.text-bold {
	font-weight: bold;
}

/* ----- END text colors ----- 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/* *************************************************************************************************************
- 
************************************************************************************************************** */
.static_info_block{
	text-align: center;
}
/* ----- END  ----- 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/* *************************************************************************************************************
- 
************************************************************************************************************** */

/* ----- END  ----- 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/* *************************************************************************************************************
- 
************************************************************************************************************** */

/* ----- END  ----- 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/* *************************************************************************************************************
- Forms any class or ID that is affected
************************************************************************************************************** */
#login_container {

	border: 9px solid #333333;
	padding: 8px;
	width: 300px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.form-outer-table {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
}
.form-outer-table-row {
}
.form-outer-table-cell {
}
.form-table {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.form-header-row {
	background-color: #000;
	width: 300px;
}
.form-header-cell {
	font-size: 10px;
	font-weight: bold;
	background-color: #000;
}
.form-input-row {
}
.form-input-tittle-cell {
	color: #000;
}
.form-submit-bt {
	width: 300px;
	font-weight: bold;
}
legend {
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
}
fieldset label {
	color: #666;
}

/* Search Forms */
.search_div {
	border: 1px solid #666;
	padding: 10px;
}
.search_div .search_box {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
.search_div .search_box fieldset form {
	padding-bottom: 15px;
}
.search_div .search_box fieldset .AddNew_link {
	text-align: right;
}
/* ----- END Form styles ----- 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- Data Table styles
*/
.noteUser {
	color:#FFF;
}

.data-table {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	border: 0px none #000;
}
.data-table-header-row {
	background-color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.data-table-transparent {
}
.data-table-color {
	background-color: #E5E5E5;
}
.data-table-header {
	background-color: #000;
	color: #FFF;
}


.data-table-row {
	color: #000;


}
.data-table-cell {
}
.data-table-opt {
}
.data-tittle {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
}
/* ########################################################## */

.data-action {
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
}
.data-action:hover {
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
	background-color: #000;
}

/* span delete data */
.data-delete {
	margin: 5px;
}
.data-delete:hover {
	margin: 5px;
	background-color: #000;
}
/* unvisited link */
.data-delete A:link {
	color: #FF0000;
}
/* visited link */
.data-delete A:visited {
	color: #FF0000;

}

/* mouse over link */
.data-delete A:hover {
	color: #FF0000;
	text-decoration: underline;
	background-color: #000;
}
/* ########################################################## */


/* selected link */
.data-history A:active {
	color: #FF0000;
}


/* span history */
.data-history {

}
/* unvisited link */
.data-history A:link {
	color: #FF0000;
}
/* visited link */
.data-history A:visited {
    color: #00FF00;
}

/* mouse over link */
.data-history A:hover {
    color: #FF00FF;
}

/* selected link */
.data-history A:active {
    color: #0000FF;
}

/* ########################################################## */


/* selected link */
.data-start A:active {
	color: #FF0000;
}


/* span history */
.data-start {

}
/* unvisited link */
.data-start A:link {
	color: #FF0000;
}
/* visited link */
.data-start A:visited {
    color: #FF0000;
}

/* mouse over link */
.data-start A:hover {
    color: #FF00FF;
}

/* selected link */
.data-start A:active {
    color: #0000FF;
}
/* ----- END Data Table styles-----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- Serverity levels when displaying the data
*/
/* this is used also by show_hide div */

/* ID :: of the row that displays the issue#issue_row {
		border: thin solid #FFF;
	}
*/

/* CLASS :: severity levels */

.severity1 {
	background-color: #F00;
	color: #000;
}
.severity1 A:link{
	color: #F00;
}
.severity1 A:visited{
	color: #F00;
}
.severity1 A:hover{
	color: #F00;
}


.severity2 {
	background-color: #F90;
}
.severity2 A:link{
	background-color: #F90;
}
.severity2 A:visited{
	background-color: #F90;
}
.severity2 A:hover{
	background-color: #F90;
}


.severity3 {
	background-color: #6C0;
}
.severity3 A:link{
	background-color: #6C0;
}
.severity3 A:visited{
	background-color: #6C0;
}
.severity3 A:hover{
	background-color: #6C0;
}



.severity4 {
	background-color: #FF0;
}
.severity4 A:link{
	background-color: #FF0;
}
.severity4 A:visited{
	background-color: #FF0;
}
.severity4 A:hover{
	background-color: #FF0;
}
/* ----- END -----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- show_hide div
*/
/* relates to the show_hide div */

 
/* Area that is clickable and has rel="#slidingDiv..." associated with it */ 
.show_hide {
	cursor: pointer;
}

/* Area that is hidden and is displayed when show_hide is click*/
.info {
	background-color: #fcfcfc;
	display: none;
	padding: 20px;
	/*margin-top: 10px;*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	color: #333;
	line-height: 2em;
}

.info span{
	text-align: center;
	width: 100%;
}
/*.info span a{
	color: #2D3954;
	font-weight: bold;
}
.info span a:link{
	color: #FFFFFF;
	font-weight: bold;
}
.info span a:visited{
	color: #FFFFFF;
	font-weight: bold;
}
.info span a:hover{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
*/

/* Area that is hidden and is displayed when show_hide is click FOR ISSUE TABLE*/
.issueTable {
	background-color: #CCC;
	display: none;
	padding: 20px;
	/*margin-top: 10px;*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	color: #333;
	line-height: 2em;
}

.issueView {
	display: none;
	padding: 0px;
	/*margin-top: 10px;*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	color: #333;
	text-indent: 0px;
}
/* ----- END -----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- date picker
*/


/* the div that holds the date picker calendar */
.dpDiv {
	background-color: #FFF;
	color: #333;
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	color: #333;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

/* ----- END -----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- 
*/

/* ----- END -----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- template main
*/

#container {
   min-height:100%;
   position:relative;
}
#container_header {
	margin: 0px;
	padding: 0px;
    padding-bottom: 5px;
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    
}
#container_body {
	width: 90%;
	padding-bottom: 80px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#container_footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;   /* Height of the footer */
	background: #DFE6E7;
	text-align: center;
}
#menu_container {
	float: left;
	padding-right: 15px;
	display: inline-block;
}



#footer {
	position: fixed;
	clear: both;
	width: 100%;
	height: 30px;
	bottom: 0;
	border: 0;
	padding: 13px 0px 0px 0px;
	text-align: center;
	color: #335500;
	background-color: #DFE6E7;
}
/* SEE line 663
#container_body div {
}
*/
.data_container {
	vertical-align: top;
}
.data_container .data-table {
	width: 100%;
}

data_container_data {
	color: #666;	
}
/* .data_container A:link {
	color: #24BDDB;
	
}
.data_container A:visited {
	color: #24BDDB;
	
}
.data_container A:hover {
	color: #24BDDB;
	text-decoration: underline;
	
}
*/
.data_container #subcontent {
	padding: 8px;
	width: 100%;
	border: 9px solid #333333;
}

.data_container #subcontent_data {
	padding: 8px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

/* ----- END -----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- 
*/

/* ----- END -----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- 
*/

/* ----- END -----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- 
*/

/* ----- END -----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- styles not classified
*/
/* loginmodule */
lightblue{
	color: black;
	caption-side: top;
	padding: 0px;
	border-bottom: 5px solid black;
}
.textfield {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
}
h1 {
	color: #99CC00;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #E6E8ED;
	text-align:center;
}

/*
a {
	color: #2D3954;
	font-size: 11px;
}
a:hover {
	color: #99CC00;
}
*/

.add_url A:link {
	color: #F60;
}

.add_url A:hover {
	color: #F60;
}


th {
	font-weight: bold;
	text-align: left;
	color: #FFF;
	background-color:#000
}

/* End loginmodule */

td { 

	/*font-family: "Verdana", "Arial", "Tahoma"; 
	font-size: 8pt;
	*/ 
	line-height: 140%; 
	/*color: #FFFFFF;*/ 
}
a img {
	text-decoration: none;
	border: 0 none;
	}
/*
A:link {

	color: #7EE2FF; 
	text-decoration:none;
}



A:visited {

	color: #7EE2FF; 
	text-decoration:none;
}



A:hover {

	color: #EFF21A;
	text-decoration:underline;
}

*/

.blank {

	font-size: 1pt;
}



.banner {

	font-size: 12pt;
	color: #FFFFFF;
	font-weight:bold;
}



.img_border {

	border-style: solid; 
	border-color: #8191A3;
}



.tbox {

	border-top: #1C4C78 1px solid; 
	border-right: #1C4C78 1px solid; 
	border-left: #1C4C78 1px solid; 
	border-bottom: #1C4C78 1px solid;
	background: #D6F6FF;
	font-size: 8pt;
	width:125px;
	height:19px;
}.logout {
	width: 100%;
	text-align: right;
}
.page_tittle {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #56616D;
}
.notes {
	border: 1px solid #999999;
}

.notes_location {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	background-color: #000;
}
.delete a:link{
	background: #F00;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.delete a:active{
	background: #F00;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.delete a:visited{
	background: #F00;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.delete a:hover {
	font-weight: bold;
	color: #F00;
	background-color: #000;
	text-decoration: underline overline;
}
.edit a:link{
	text-decoration: none;
	font-weight: bold;
	color: #093;
	background-color: #000;
}
.edit a:active{
	text-decoration: none;
	font-weight: bold;
	color: #093;
	background-color: #000;
}
.edit a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #093;
	background-color: #000;
}
.edit a:hover {
	font-weight: bold;
	color: #000;
	background-color: #093;
	text-decoration: underline overline;
}
#modal {
	font-size: 150%;
	text-align: center;
	display: none;
	padding: 25px;
	border: 3px solid #000;
	background-color: #900;
	z-index: 100;
}

.direction-form-top {
	font-size: small;
	font-weight: bold;
}
.direction-form-box {
	font-size: 10px;
	color: #666666;
}


.Header_Tittle {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.Hour_Alert {
	font-size: 14px;
	font-weight: bold;
	color: #F60;
	text-align: center;
}
.timeclock {
	border: thin solid #F60;
}
.formbutton {
	text-align: right;
	width: 100%;
}


/* jquery popup */
#backgroundPopup {
    z-index:1;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}
#toPopup {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
    font-size: 14px;
    left: 50%;
    margin-left: -402px;
    position: fixed;
    top: 20%;
    width: 800px;
    z-index: 2;
}
div.loader {
    background: url("../img/loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    display: none;
    z-index: 9999;
    top: 40%;
    left: 50%;
    position: absolute;
    margin-left: -10px;
}
div.close {
    background: url("../images/closebox.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -27px;
    top: -24px;
    width: 30px;
}
span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}
div#popup_content {
    margin: 4px 7px;
    /* remove this comment if you want scroll bar
    overflow-y:scroll;
    height:200px
    */
}#Alert {
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
}

.Customername {
	font-size: 24px;
	text-align: center;
	width: 580px;
	border-bottom-style: dashed;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #000000;
}






.location_detail_table {
	border-collapse:collapse;
}
.location_detail_table tr {
	outline: thin solid;
}
.location_detail_table tr:hover {
	background-color: #FC0;
}




.locationnotedetailrow {

}
.location_data {

}
.locationdetailtxt {
}

.direction-form-top {
	font-size: small;
	font-weight: bold;
}
.direction-form-box {
	font-size: 10px;
	color: #666666;
}

/* ----- END -----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- error messages
*/
.err {
	color: #FF9900;
}
.err h1{
	color: #FF9900;
	font-size: 36px;
}

#error {
	font-weight: bold;
	color: #F00;
}
#error_white {
	font-weight: bold;
	color: #FFF;
}
/* ----- END -----
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/*####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####--####
- Not part of a section or not yet classified
*/

#Customer_Quick_info {
	background-color: #999;
	height: 40px;
	text-align: center;
}
#Customer_Quick_info ul li {
	background-color: #000;
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
}
#Login_datetime {
	font-size: 16px;
	font-weight: bold;
}
#deviceinfo {
	line-height: normal;
	text-align: center;
}

#Login_btn {
	width: 150px;
	height: 50px;
	font-size: 16px;
	font-weight: bolder;
	cursor: pointer;
}
#a.Login_btn:hover {
	width: 150px;
	height: 50px;
	font-size: 16px;
	font-weight: bolder;
	cursor: pointer;
	color: #333;
}

/*################################# */
/* Tikcets 							*/
/*################################# */

.ticket_alert_body{
    display: grid;
	border: 2px dashed rgba(114, 186, 94, 0.35);
	align-content: justify;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	justify-items: center;
}

	
.ticket_alert_data{
    width: 90%;
    padding: 5px;
    border: thin solid #0F0F0F;
}
.ticket_alert_count{
    color: red;
    text-align: center;
    font-weight: bolder;
    font-size: 1rem
}

.ticket_alert_status{
    text-align: center;
}

.ticket_alert_Warning{
    font-size: 2rem;
    color: red;
    text-align: center;
}

#ticket_table {
}



#issue_title {
	background-color: #FFF;
}
#issue_ticket_top {
	border: 2px solid red;
}
#issue_ticket_middle {
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
.issue_body_row_hide {
	background-color:#FFF
}
.issue_body_row_hide a:link {
	background-color:#FFF
}

.issue_body_row_hide:hover {
	background-color:#FFF
}
.issue_table{
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	color: #000;
}
.issue_table tbody tr:hover {
	background-color: #000;
	color:#FFF;
}
issue_header_row {
	background-color: #fff;
	color: #000;
	text-align: left;
}
.issue_cell {
	color: #666;
}
.issue_body {
}


.issue_body_row a:link {
	color: #000;
}
.issue_body_row a:hover {
	color: #FFF;
}
.issue_body_row a:visited {
	color: #000;
}
#issue_gen_title {
	background-color: #F60;
	color: #FFF;
	font-weight: bold;
}
#issue_gen_row {
	padding-top: 2em;
	color: #666;
}
#issue_gen_cell {
	color: #666;
}
#data_delete {
	text-align: center;
	width: 100%;
	color: #F00;
	font-weight: bold;
}
.data_delete A:link {
	text-align: center;
	width: 100%;
	color: #F00;
	font-weight: bold;
}


/* Header css */
#Header_container {
	width: 100%;
}
#container_header #Header_body {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#container_header #Header_body #Header_top #Header_logo {
	float: left;
	position: relative;
	padding: 10px;
}
#container_header #Header_body #Header_top #Header_CompanyText {
	position: relative;
	height: 100px;
	text-indent: 10px;
}
#container_header #Header_body #Header_top #Header_CompanyText #Header_CompanyName {
	position: relative;
	font-size: 48px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5d7798;
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: normal;
}
#container_header #Header_body #Header_top #Header_CompanyText #Header_CompanySlogan {
	position: relative;
	color: #7f908f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#container_header #Header_Menu {
	background-color: #000;
	height: 30px;
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #24BDDB;
	vertical-align: middle;
}
#container_header #Header_Menu #Menu_Body {
	height: 30px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	vertical-align: middle;
}


/* TP = TopPage*/
/* This CSS styles the header.php*/
/* It holds the logo, Email link, WHM and Cpanel link*/
.TP_header_content {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ffffff;
}
.TP_header_body {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
.TP_header_logo {
	float: left;
}
.TP_header_email_link {
	float: right;
}
.TP_floatstop {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* TP = TopPage* ****END ***/


#buttons{
float:right;
position:relative;
left:-50%;
text-align:left;
}
#buttons ul{
list-style:none; 
position:relative;
left:50%;
}

#buttons li{float:left;position:relative;}/* ie needs position:relative here*/

#buttons a{
	text-decoration: none;
	margin: 10px;
	float: left;
	color: #FFF;
	padding: 2px 5px;
	text-align: center;
	white-space: nowrap;
}
#buttons a:hover{
	background-color: #FFCC00;
}
#content{overflow:hidden}/* hide horizontal scrollbar*/







.divider {
	clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 1.4em 0;
  border: none; 
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );
}


.laborNotes_container {
}
.laborNotes_container b {
	font-weight: bold;
	color: #000;
}
.issue_description_container {
	padding-top: 10px;
}
.LocationFrame {
	border: 1px solid #CCC
}
.LocationFrame td, tr {border: 0}



.nobr	{ white-space:nowrap; }