/* ==== Global styles ==== */

@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 5mm 5mm 5mm 5mm;  
} 

* {
    margin: 0;
}
html, body { 
	background-color: #ffffff;
	margin:0;
	padding:0;
	font: 8pt Tahoma, Arial, Sans-Serif;
    z-index: 1;
    height: 100%;    
	}
	
.bodywrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 100px auto -20px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 20px; /* .push must be the same height as .footer */
}
	
input {
	/*border: 2px inset #ccc;*/
	margin: .15em;
	font: 8pt Tahoma, Arial, Sans-Serif;
    z-index: 1;
	}
	
textarea {
	/*border: 2px inset #ccc;*/
	margin: .15em;
	font: 8pt Tahoma, Arial, Sans-Serif;
    z-index: 1;
	}
	
form {
	margin: 0;
	padding: 0;
    z-index: 1;
}

.tdicon {
    text-align: center;
    width: 25px;
    white-space: nowrap;
    background-color: #FFFFFF;
	font-family: Tahoma, Arial, Sans-Serif;  
	font-size: 8pt;
}

.FormLabel {
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial, Sans-Serif;
    FONT-SIZE: 8pt;
    z-index: 1;
}
 
.FormValue {
    FONT-SIZE: 8pt;
    FONT-FAMILY: Tahoma, Arial, Sans-Serif;
}

.SectionLabel {
    FONT-SIZE: 7pt;
    COLOR: #808080;
    FONT-FAMILY: Tahoma, Arial, Sans-Serif;
    BACKGROUND-COLOR: #E0E0E0;
}

.NoBorder {
    border: 0 !important;    
}

.NewSectionLabel {
    FONT-SIZE: 9pt;
    COLOR: #606060;
    FONT-FAMILY: Tahoma, Arial, Sans-Serif;
    BACKGROUND-COLOR: #E3EEF7;
    PADDING: 5px;
}

select {
	margin: .15em;
	padding: 0;
	font: 8pt Tahoma, Arial, Sans-Serif;
    z-index: 1;
}
.italic {
	font-style: italic;
}
/* ==== Light blue background ==== */
.background01{
	background:#E2EBF4;
}

/* ==== White keyling used for cells of a form ==== */
.keyline01 {
	border: 1px solid #fff; 
	padding:0 4 0;
}

td {
	font-family: Tahoma, Arial, Sans-Serif;  
	font-size: 8pt;
}

.hiddenSelect {
    display: none;
}

.statusHistoryRow {
}

.moreStatusHistoryRow {
    display: none;
}

.activeWorkOrderStateDetailID {
    display: block;
}

/*td.FormLabel {
	font-family: Tahoma, Arial, Sans-Serif;  
	font-size: 10px;
	font-weight: normal;
	text-align: right;
}*/

/* ==== End global styles ==== */

/* ==== Login page ==== */
.loginBg { 
	background: #036 url(../graphics/loginBg.jpg) no-repeat; 
}

/* ==== Top bar ==== */
.topbarBg { 
	background: url(../graphics/topbarBg.jpg) repeat-x; 
}

.topbarImg { 
	background: url(../graphics/topbarImg.jpg) no-repeat right; 
}


.loginPanel { 
	height: 280px;  
	width: 400px;  
	border: 0px solid #fff;
	margin:4em 2em 2em 2em;
	color: #fff;
	}

.loginPanelPopup { 
	border: 0px solid #fff;
	margin:4em 2em 2em 2em;
	color: #fff;
	}

.loginLabel {
	color: #fff;
	font-weight: bold;
}

a.button {
   color:#fff;
   text-decoration : none;
	background-color: #036;
	padding: 2px 6px 4px;
	border: thin outset #369;
}
a:link.button {
   color:#fff;
   text-decoration : none;
	background-color: #036;
	
}
a:link:visited.button  {
   color:#fff;
   text-decoration : none;
	background-color: #036;
}
a:hover.button {
   color:#fff;
   text-decoration : none;
	background-color: #369;
}
a:visited:hover.button {
   color:#fff;
   text-decoration : none;
	background-color: #369;
}		
/* ==== End login page ==== */


/* ==== Logout treatment ==== */	
a.logout {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:link.logout {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:link:visited.logout  {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:hover.logout {
   color:#fff;
   text-decoration : underline;
	background-color: transparent;
}
a:visited:hover.logout {
   color:#fff;
   text-decoration : underline;
	background-color: transparent;
}	
/* ==== End logout treatment ==== */	

.footer {
	background-color: #04283D;
	font: normal .6em Tahoma, Arial, Sans-Serif;
	text-align: center;
	color: #5C8099;
	padding: 0;
	margin: 0;
}


/* ==== Admin bar ==== */
.adminBar { 
	font-family: Tahoma, Arial, Sans-Serif;  
	font-size: 10px;  
	padding-left:10px;
	/* background: url(../graphics/adminBarBg.jpg) repeat-x; */
	background-color: #dddddd;
	border-top:1px solid #fff; 
	border-bottom:1px solid #000;
	}
	
a.adminBarLink {
   color:#000;
   text-decoration : none;
	background-color: transparent;
}
a:link.adminBarLink {
   color:#000;
   text-decoration : none;
	background-color: transparent;
}
a:link:visited.adminBarLink  {
   color:#000;
   text-decoration : none;
	background-color: transparent;
}
a:hover.adminBarLink {
   color:#000;
   text-decoration : underline;
	background-color: transparent;
}
a:visited:hover.adminBarLink {
   color:#000;
   text-decoration : underline;
	background-color: transparent;
}		
/* ==== Content area ==== */
div.help {
	padding:8px;
	border: 0px solid red;
}


/* ==== Work Orders title bg ==== */	
.title_bg {
	padding: 2px;
	border-bottom: 1px solid #000;
    background: #ccc url(../graphics/title_bg.jpg) repeat-x;
	width: 100%; 
	height: 48px;	
}

.column {
	color: black;
	font: bold 8pt Tahoma, Arial, Sans-Serif;
	border-bottom: 1px solid #000;
	border-top: 1px solid #eee;
	background-color: #ddd;
	background: url(../graphics/adminBarBg.jpg);
}

.titleBarHeader {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color:#000;
	padding: 2px;
	
}

a.titleBarLink {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:link.titleBarLink {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:link:visited.titleBarLink  {
   color:#fff;
   text-decoration : none;
	background-color: transparent;
}
a:hover.titleBarLink {
   color:#fff;
   text-decoration : underline;
	background-color: transparent;
}
a:visited:hover.titleBarLink {
   color:#fff;
   text-decoration : underline;
	background-color: transparent;
}	
/* ==== Left side sections border ==== */	
.section {
	border: thin outset #eee; 
	margin:0 0 8px 0;
}
	
/* ==== Task links ==== */
a.task {
   color:#036;
   text-decoration : none;
	background-color: transparent;
}
a:link.task {
   color:#036;
   text-decoration : none;
	background-color: transparent;
}
a:link:visited.task  {
   color:#036;
   text-decoration : none;
	background-color: transparent;
}
a:hover.task {
   color:#f00;
   text-decoration : underline;
	background-color: transparent;
}
a:visited:hover.task {
   color:#f00;
   text-decoration : underline;
	background-color: transparent;
}		



/* ============================================== */
/* ==== CSS mini-tabs for tabbed-GUI ==== */

.container {
	margin: 0;
	background: #fff;
	}

#minitabs {
	font-weight: bold;
	color: #808080;
	margin: 0;
	border-bottom: 1px solid #696;
	}

#minitabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#minitabs a:link, #minitabs a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #9c9;
	}

#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
	border-bottom: 4px solid #696;
	background: #fff;
	color: #363;
	}

/* relative font-size version */

#miniflex {
	width: 100%;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #333;
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #999;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	color: #333;
	}
    
/* ============================================== */
/* ==== CSS for tool tips ==== */
    
#ToolTip {
    position:absolute;
    top:0px;
    left:0px;
    background:#3369C1;
    border-color:#76B8EC;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    visibility:hidden;
}

.ToolTipTD {
    color:white;
    font-family:verdana;
    font-size:11
}

/* ============================================== */
/* ==== CSS for calendar color selectors ==== */
    
#CalendarColor {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../includes/colorpicker/images/select.png);
}
#CalendarColor div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../includes/colorpicker/images/select.png) center;
}

.RotatedHeader {
    
    /* Safari */
    -webkit-transform: rotate(90deg);
    
    /* Firefox */
    -moz-transform: rotate(90deg);
    
    /* IE */
    -ms-transform: rotate(90deg);
    
    /* Opera */
    -o-transform: rotate(90deg);
    
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}