/* CSS Document */

/* BEGIN PAGE STYLES */
BODY {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana;
}
TD {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana
}

P {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana
}
A {
	COLOR: #000099; TEXT-DECORATION: none
}
A:link {
	COLOR: #000099; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000099; TEXT-DECORATION: none
}
A:active {
	COLOR: #000099; TEXT-DECORATION: none
}
A:hover {
	COLOR: #000099; TEXT-DECORATION: underline
}
SELECT {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana; HEIGHT: auto
}
.textInput {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana; HEIGHT: 20px
}


/* BEGIN HEADER STYLES - header.php */
/* Used to push the top header away from the left side. Margins */

 #navcontainer
{
margin: 0;
padding: 0 0 0 12px;
}

/* Used to keep top header away on the the left side. Margins / alignment */

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

/* This makes us float. Remove and we look like a list*/

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

/* MAIN FORMATTER - Creates the separated blocks with blue background */
#navcontainer A
{
	color: #FFFFFF;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 4px 10px; /* height and width space around header text */
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	background: #000099;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Causes us to change color when we hover */
 #navcontainer A:hover, #navcontainer A:active { background: #0099FF; }

/* Didn't see any use for this */

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #0099FF;
font-weight: bold;
}

#navcontainerACTIVE A
{
	color: #000000;
	background: #e5ecf9;
	border-bottom: 1px solid #e5ecf9;
}

#navcontainerACTIVE A:hover, #navcontainerACTIVE A:active
{
	background: #e5ecf9;
	color: #000000 ;
	border-bottom: 1px solid #e5ecf9;

}

 #navlistheader
{
margin: 0;
padding: 0 0 0px 0px;
border-bottom: 0px solid #0000FF;
}

#navlistheaderNoLink
{
float: right;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #000;
}

#navlistheader ul, #navlistheader li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlistheader a:link, #navlistheader a:visited
{
float: right;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlistheader a:link#current, #navlistheader a:visited#current, #navlistheader a:hover
{
border-bottom: 2px solid #000099;
padding-bottom: 1px;
background: transparent;
color: #000;
}

#navlistheader a:hover { color: #000099; }

 #navlistactive
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 0px solid #0000FF;
}

#navlistactive ul, #navlistactive li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlistactive a:link, #navlistactive a:visited
{
float: right;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #e5ecf9;
}

#navlistactive a:link#current, #navlistactive a:visited#current, #navlistactive a:hover
{
border-bottom: 4px solid #e5ecf9;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlistactive a:hover { color: #e5ecf9; }
/* END HEADER STYLES - header.php */

/* BEGIN FOOTER Style */

#navlistfooter a:hover { color: #000099; }
#navlistfooter
{
	margin: 0;
	padding: 5px 0 20px 10px;
	border-bottom: 0px solid #0000FF;
	background: #e5ecf9;
	text-align: center;
}

#navlistfooter ul, #navlistfooter li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
text-align: center;
}

#navlistfooter a:link, #navlistfooter a:visited
{
 float: left;
line-height: 14px;
font-weight: normal;
/* margin: 0px 20px 5px 50px; */
 margin: 0px 0px 0px 10px;
text-decoration: none;
color: #999;
text-align: center;


}

#navlistfooter a:link#current, #navlistfooter a:visited#current, #navlistfooter a:hover
{
border-bottom: 2px solid #000099;
padding-bottom: 1px;
background: transparent;
color: #000;
}

dt.moduletable {
  width			   : 100%;
  table-layout	   : auto;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;
}

table.moduletable.dt {
  width			   : 100%;
  table-layout	   : auto;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;
}
table.moduletable {
  width			   : 100%;
  table-layout	   : auto;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;
}

table.moduletable th {
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  height           : 12px;
  line-height      : 12px;
  text-indent      : 8px;
  letter-spacing   : 1px;
  color            : #FFF;
  text-decoration  : none;
  background-image : url(../images/modul.jpg);
}


table.moduletable th a:visited {
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  height           : 12px;
  line-height      : 12px;
  text-indent      : 8px;
  letter-spacing   : 1px;
  color            : #FFF;
  text-decoration  : none;
  background-image : url(../images/modul.jpg);
}

  table.moduletable th a:link {
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  height           : 12px;
  line-height      : 12px;
  text-indent      : 8px;
  letter-spacing   : 1px;
  color            : #FFF;
  text-decoration  : none;
  background-image : url(../images/modul.jpg);
}

table.moduletable td.left {
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  height           : 12px;
  line-height      : 12px;
  text-indent      : 8px;
  letter-spacing   : 1px;
  color            : #FFF;
  background-image : url(../images/modul.jpg);
}

table.moduletable td.A.blueheader{
  font-size        : 11px;
  font-weight      : bold;
  text-align       : right;
  text-transform:uppercase;
  height           : 12px;
  line-height      : 12px;
  text-indent      : 8px;
  color            : #FFF;
  background-image : url(../images/modul.jpg);
}

table.moduletable td.blueheader{
  font-size        : 11px;
  font-weight      : bold;
  text-align       : right;
  text-transform:uppercase;
  height           : 12px;
  line-height      : 12px;
  text-indent      : 8px;
  color            : #FFF;
  background-image : url(../images/modul.jpg);
}

A:link.blueheader{
  font-size        : 10px;
  text-align       : right;
  text-transform:uppercase;
  height           : 12px;
  line-height      : 10px;
  text-indent      : 8px;
  color            : #FFF;
  background-image : url(../images/modul.jpg);

}

A:visited.blueheader{
  font-size        : 10px;
  text-align       : right;
  text-transform:uppercase;
  height           : 12px;
  line-height      : 10px;
  text-indent      : 8px;
  color            : #FFF;
  background-image : url(../images/modul.jpg);

}

A:hover.blueheader{
  font-size        : 10px;
  text-align       : right;
  text-transform:uppercase;
  height           : 12px;
  line-height      : 10px;
  text-indent      : 8px;
  color            : #000099;
  background-image : url(../images/modul.jpg);
}

/* Show only to IE PC \*/

* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 0; /* center for now */
	width: 22em; /* ems so it will grow */
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;

}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: green;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}

.boxhead h3 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: red;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}


.boxbody {

	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}



a.topbar_links:link    { color:#ffffff; text-decoration: none; text-align: center }
a.topbar_links:visited { color:#ffffff; text-decoration: none; text-align: center  }
a.topbar_links:hover   { color:#ffffff; text-decoration: none; text-align: center }
a.topbar_links:active  { color:#ffffff; text-decoration: none; text-align: center }



.topbar_links { font-size: 11px; font-family:Arial, Verdana, Helvetica;color:#000000; text-align:center }
.topbar_links_sel { background: url(../images/header/bglt_sg_topbar.gif); font-size: 11px; font-family:Arial, Verdana, Helvetica; color:#000000; text-align:center }



#container {
	DISPLAY: block; WIDTH: 750px; HEIGHT: 90px
}
DIV.float {
	FLOAT: left; MARGIN: 31px 0px 0px 36px; WIDTH: 192px; POSITION: absolute; HEIGHT: 41px
}
#utilityBkgrd {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; FLOAT: right; BACKGROUND-IMAGE: url(../images/bkgrd_utilityNav_white.gif); PADDING-BOTTOM: 0px; MARGIN: 0px 16px 0px 0px; BORDER-LEFT: 0px; COLOR: #000; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 30px
}
 HTML #utilityBkgrd {
	MARGIN: 1px 8px 0px 0px
}
#utilityBkgrd A {
	FONT-SIZE: 10px; COLOR: #000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
#utilityBkgrd A:visited {
	FONT-SIZE: 10px; COLOR: #000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
#utilityBkgrd A:active {
	FONT-SIZE: 10px; COLOR: #000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
#utilityBkgrd A:hover {
	COLOR: #000099; TEXT-DECORATION: none
}
.utilityPosition {
	MARGIN: 8px 20px 8px 32px; COLOR: #000
}

input.resize
{
	width: 13px;
	height: 13px;
}

.ltblue
{
    background-color: #333;
}

#mot_admin_container .mot_admin_list
{
  width: 100%;
  border: 1px solid #ddd;
  border-bottom: 0px;
  border-right: 0px;
}



#mot_admin_container .mot_admin_list th
{
  padding: 2px;
  
  text-align: left;
}

#mot_admin_container .mot_admin_list th a
{
  color: #333;
}

#mot_admin_container .mot_admin_list td
{
  padding: 3px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

#mot_admin_container .mot_admin_filters li
{
  list-style-type: none;
}

#mot_admin_container .mot_admin_row_0 td
{
  background-color: #e5ecf9;
  text-align: left;
 
}

#mot_admin_container .mot_admin_row_1 td
{
  text-align: left;
}

#mot_admin_container .mot_admin_edit_help
{
  color: #aaa;
}

#mot_admin_container .float-right
{
  float: right;
}

#mot_admin_container .text-center
{
 text-align: center
}

#mot_admin_container .mot_admin_list
{
  width: 100%;
  border: 1px solid #ddd;
  border-bottom: 0px;
  border-right: 0px;
}

#mot_admin_container .mot_admin_list th
{
  padding: 2px;
  background-color: #ccf;
  text-align: left;

  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  height           : 12px;
  line-height      : 12px;
  text-indent      : 8px;
  letter-spacing   : 1px;
  color            : #FFF;
  text-decoration  : none;
  background-image : url(../images/modul.jpg);
}

#mot_admin_container .mot_admin_list th a
{
  color: #333;
}

#mot_admin_container .mot_admin_list td
{
  padding: 3px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}


.sfTContainer
{
  position: relative;
  text-align: left;
  width: 515px;
  margin: 0 auto;
  padding: 0;
  margin-top: 115px;
}


.sfTMessageContainer
{
  padding: 5px;
  margin-top: 25px;
  float: left;
  width: 515px;
  border-bottom-color: #FFFFFF;
  border-right-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
  color: red;
  background-color: #E8DDCF;
}

.sfTMessage
{
  background-image: url(../images/bg_sfTMessage.jpg);
  background-repeat: repeat-x;
  background-color: #E8DDCF;
  border: 1px solid #FFFFFF;
  border-bottom-color: #FFFFFF;
  border-right-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
  color: red;
}

.sfTAlert
{
  background-image: url(../images/bg_sfTAlert.jpg);
  background-repeat: repeat-x;
  background-color: #e5ecf9;
  border: 1px solid #FFFFFF;
  border-bottom-color: #DEE8F2;
  border-right-color: #DEE8F2;
}

.sfTLock
{
  background-image: url(../images/bg_sfTLock.jpg);
  background-repeat: repeat-x;
  background-color: #DEE8F2;
  border: 1px solid #FFFFFF;
  border-bottom-color: #B1C4EC;
  border-right-color: #B1C4EC;
}

.sfTMessageContainer .sfTMessageWrap
{
  float: middle;
  width: 440px;
}

.sfTMessageContainer .sfTMessageWrap h1
{
  
  font-weight: normal;
  font-size: 165%;
  padding: 0;
  margin: 0;
  line-height: 100%;
  padding-top: 5px;
  color: red;
}
  
.sfTMessageContainer
{
  padding: 5px;
  margin-top: 25px;
  float: left;
  width: 515px;
  border-bottom-color: #FFFFFF;
  border-right-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
   
    
}

.sfTMessage
{
  background-image: url(../images/bg_sfTMessage.jpg);
  background-repeat: repeat-x;
  background-color: #E8DDCF;
  border: 1px solid #FFFFFF;
  border-bottom-color: #FFFFFF;
  border-right-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
  color: red;
}


.sfTMessageContainer .sfTMessageWrap h5
{
  font-weight: normal;
  font-size: 100%;
  padding: 4;
  margin: 4;
  color: red;
}  
.sfTMessageContainer
{
  padding: 5px;
  margin-top: 25px;
  float: left;
  width: 515px;
  border-bottom-color: #FFFFFF;
  border-right-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
  
}

.sfTMessage
{
  background-image: url(../images/bg_sfTMessage.jpg);
  background-repeat: repeat-x;
  background-color: #E8DDCF;
  border: 1px solid #FFFFFF;
  border-bottom-color: #FFFFFF;
  border-right-color: #FFFFFF;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
 
}


.sfTMessageContainer img.sfTMessageIcon
{
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 12px;
  margin-left: 5px;
}

.sfTMessageInfo
{
  margin: 0;
  padding: 0;
  margin-top: 15px;
  float: left;
  width: 440px;
}

.sfTMessageInfo dt
{
  font-weight: bolder;
  font-size: 115%;
  margin: 5px 0;
}

.sfTMessageInfo dd
{
  margin: 0;
  padding: 0;
}


div.form_error
{
    display: inline;
    COLOR: #FF0000;
}
.form_error
{
    display: inline;
    COLOR: #FF0000;
}

form_error
{
    display: inline;
    COLOR: #FF0000;
}

TD.centerHeader
{
 text-align: center;
}

TD.Header { font-family: verdana; font-size: 24px; font-weight: normal; color: #000000; }
TD.SubHeader { font-family: verdana; font-size: 18px; font-weight: normal; color: #000000; text-align: left; margin: 3px 0;}
TD.SubSubHeader { font-family: verdana; font-size: 14px; font-weight: normal; color: #000000}

/* start profile page */

.gray {color: #999;}

.grayborder {border-width: 1px; border-color: #CCC; border-style: solid;}

.success {font-family: verdana, arial, sans-serif; font-size: 13px; font-weight: bold; color: #390}
.fail {font-family: verdana, arial, sans-serif; font-size: 13px; font-weight: bold; color: #f30}
.failreg {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; color: #f30}
.error_txt {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; color: #f00;}
.small {font-family: verdana, arial, sans-serif; font-size: 10px;}


.caption {font-family: verdana, arial, sans-serif; font-size: 10px; color: #993;}
.smallalt {font-family: verdana, arial, sans-serif; font-size: 10px; background-color: #eee;}
.graysmall {font-family: verdana, arial, sans-serif; font-size: 10px; color: #999}
.calgray {font-family: verdana, arial, sans-serif; font-size: 10px; color: #CCC}
.reg {font-family: verdana, arial, sans-serif; font-size: 11px; list-style-type: square;}
.regalt {font-family: verdana, arial, sans-serif; font-size: 11px; background-color: #eee;}
.reg_nar {font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000;}
.smid {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal;}
.sbig {font-family: verdana, arial, sans-serif; font-size: 13px;}
.sbigalt {font-family: verdana, arial, sans-serif; font-size: 13px; background-color: #FC6; color: #630}
.big {font-family: verdana, arial, sans-serif; font-size: 14px;}
.bigalt {font-family: verdana, arial, sans-serif; font-size: 14px; background-color: #eee;}
.biggest {font-family: verdana, arial, sans-serif; font-size: 15px;}
.sbiggest {font-family: verdana, arial, sans-serif; font-size: 22px;}
.square {font-family: arial, sans-serif; font-size: 11px; color:#000;}

/* end profile page */

TABLE.ListHeader
{
 width: 600;
 padding: 0;
 spacing: 0;
 margin: 0 auto 1.5em auto;
 border-left: 1px solid #C1DAD7;
 border-right: 1px solid #C1DAD7;
 border-top: 1px solid #C1DAD7;
 border-bottom: 1px solid #C1DAD7;
 vertical-align:top;
 align:left
}

TH.ListHeader
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        vertical-align:top;       
        background: #CAE8EA url("/images/header/bg_header.jpg") no-repeat;
        vertical-align:middle;
        }

        TH.ListHeaderLeft
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        /* color: #4f6b72; */
        color: 000000;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;       
        background: #CAE8EA url("/images/header/bg_header.jpg") no-repeat;
        vertical-align:middle;
        }
        
        TH.ListHeaderRight
        {
        font:  11px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;       
        text-align: right;       
        background: #CAE8EA url("/images/header/bg_header.jpg") no-repeat;
        vertical-align:middle;
        }
                
        td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        background: none;
        text-align:left;
        font-weight:normal;
        vertical-align:top;
        
        }
        
th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #CAE8EA url(../media/bg_header_sortable.jpg) no-repeat;
        padding: 8px 12px 4px 16px;
        }
th.forwardSort
        {
        background:#CAE8EA url(../media/bg_header_down.jpg) no-repeat 0 0;
        }
th.reverseSort
        {
        background:#CAE8EA url(../media/bg_header_up.jpg) no-repeat 0 0;
        }
table thead th.forwardSort a,
table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }
/*
These styles should be added when very long tables are expected
th.sort-active
        {
        background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
*/
th.ListHeader a
        {
        text-decoration:none;
        color: #4f6b72;
        background:transparent;
        }
        
td.ListHeader
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 6px 12px 6px 12px;
        /*color: #4f6b72;*/
        color: Red
        }        
        
td.border
        {
         border-bottom: 1px solid #C1DAD7;        
         text-align: left;
        }               
        
 



FONT.link_font {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
FONT.label_font {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
FONT.quick_header {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
FONT.quick_icon {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}