INPUT {font-size: 11px; font-family: tahoma,verdana,arial;} 
SELECT {font-size: 11px; font-family: tahoma,verdana,arial;}
TABLE {font-size: 11px; font-color: #CCCCCC; font-family: arial;}
TD {font-size: 11px; font-color: #CCCCCC; font-family: arial;}

.hide { position:absolute; top:-1px; left:-1px; width:0px; height:0px; color: #000000; border: none; outline: none; }

.outer {
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
    height: 177px;
    margin: 4px;
    overflow: auto;
    padding: 4px 4px;
    width: 200px;    
    font-family: arial;
    font-size: 13px;
    border: 1px solid #aaa;
}

.roundy {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    border-style: solid;
    border-width: 0px;
}   

.roundy-border {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
}   

.roundy-butt {
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
}   

.roundy6 {
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    border-style: solid;
    border-width: 0px;
}   


.commander {
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    height: 184px;
    margin: 2px;
    overflow: auto;
    padding: 4px 4px;
    width: 396px;    
    font-family: arial;
    font-size: 13px;
    border: 1px solid #aaa;
}


a:link, a:visited,
a:active, a:hover {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

a:hover {
    background-color: #c7d1d6;
}

.visit{
    font-size: 18pt;
}

.visit a:link, .visit a:visited,
.visit a:active, .visit a:hover {
    color: #4A91CE;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

body {
    background-color: #222222;
	/* background-image:url('BGStripe.jpg'); */
	background-image:url('img/BGComb.jpg');
    color: #434343;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    height: 100%;
}

/* menu ----------------------------------------------------------*/
ul#menu {
    font-size: 13pt;
    font-weight: normal;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    text-align: left;
    padding-left: 25px;
}

    ul#menu li {
        display:block;
        float: left;
        text-align:center;
        color: #444444;
        padding-right: 26px
    }

        ul#menu li a {
            background: none;
            color: #FDFEFF;
	        text-shadow: 2px 2px 2px #111;
            text-decoration: none;
        }

        ul#menu li a:hover {
            background-color: #434343;
            color: #ffff00;
	        text-shadow: 2px 2px 2px #111;
            text-decoration: none;
        }

/* Navigation */
.navigation {
    border-top: 2px solid #ffff00;
    border-bottom: 2px solid #231F20;
    
    margin: 0;
    padding:  0;
    
    display: table;
    width: 100%;
    height: 25px;
    
    background-color: #736F70;
    color: #ffd800;
}

/* Scrollable Table ----------------------------------------------------------*/

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 285px;
	overflow: auto;
	width: 756px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 756px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 740px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 756px
}

/* --------- FIXED HEADER --------------------------------------------------------------------*/
/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}


/* --------- FIXED DEVICE HEADER --------------------------------------------------------------------*/

/* Make the TH elements pretty */
thead.fixedDevHeader th {
	color: #FFF;
	background: #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-top: 1px solid #DDDDDD;
	font-weight: normal;
	padding: 4px 3px;
	font-size: 13px;
    text-shadow: 1px 1px 1px #111;
	text-align: left
}

/* Set tbody TR element properties */
tbody.fixedDevHeader tr {
	height: 32px;
}

/* Make the TD elements pretty */
tbody.fixedDevHeader td {
	color: #000;
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	font-weight: normal;
	padding: 2px 4px 4px 4px;
	font-size: 14px;
	text-align: center
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedDevHeader th {
	width: 50px
}

html>body thead.fixedDevHeader th + th {
	width: 40px
}

html>body thead.fixedDevHeader th + th + th {
	width: 170px
}

html>body thead.fixedDevHeader th + th + th + th {
	width: 180px
}

html>body thead.fixedDevHeader th + th + th + th + th {
	width: 250px
}

html>body thead.fixedDevHeader th + th + th + th + th + th{
	width: 160px
}


/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.fixedDevHeader th {
	width: 50px
}

html>body tbody.fixedDevHeader th + th {
	width: 40px
}

html>body tbody.fixedDevHeader th + th + th {
	width: 170px
}

html>body tbody.fixedDevHeader th + th + th + th {
	width: 180px
}

html>body tbody.fixedDevHeader th + th + th + th + th {
	width: 250px
}

html>body tbody.fixedDevHeader th + th + th + th + th + th{
	width: 160px
}



/* --------- FIXED STANDARD SCHEDULE HEADER --------------------------------------------------*/
/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedStdHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedStdHeader tr {
	display: block
}

/* Make the TH elements pretty */
thead.fixedStdHeader th {
	color: #FFF;
	background: #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-top: 1px solid #DDDDDD;
	font-weight: normal;
	padding: 4px 3px;
    text-shadow: 1px 1px 1px #111;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedStdHeader a, thead.fixedStdHeader a:link, thead.fixedStdHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedStdHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}



/* Make the A elements pretty. makes for nice clickable headers                */
thead.fixedStdHeader a, thead.fixedStdHeader a:link, thead.fixedStdHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* Make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedStdHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* --- Fixed STD Header ------------------------------------------------ */
/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedStdHeader th {
	width: 28px
}

html>body thead.fixedStdHeader th + th {
	width: 170px
}

html>body thead.fixedStdHeader th + th + th {
	width: 128px
}

html>body thead.fixedStdHeader th + th + th + th {
	width: 168px
}

html>body thead.fixedStdHeader th + th + th + th + th {
	width: 49px
}


/* --------- END FIXED STANDARD SCHEDULE HEADER ------------------------------------------*/


/* ------------------------------------------------------------------------------------- */
/* --- SCROLL CONTENT ------------------------------------------------------------------- */
/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 122px;
	overflow: auto;
	width: 100%
}


/* make TD elements pretty. Provide alternating classes for striping the table */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* --- FIXED HEADER ---------------------------------------------------- */
/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 30px
}

html>body thead.fixedHeader th + th {
	width: 208px
}

html>body thead.fixedHeader th + th + th {
	width: 129px
}

html>body thead.fixedHeader th + th + th + th {
	width: 120px
}

/* --- TBODY SCROLL CONTENT -------------------------------------------- */
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 30px
}

html>body tbody.scrollContent td + td {
	width: 176px
}

html>body tbody.scrollContent td + td + td {
	width: 132px
}

html>body tbody.scrollContent td + td + td + td {
	width: 176px
}
	
html>body tbody.scrollContent td + td + td + td + td {
	width: 50px
}

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



/* ------------------------------------------------------------------------------------- */
/* --- Cell DIV, TABLE, and DEVICE CONTENT -------------------------------------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainerCell {
	clear: both;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #777777;
	border-top: 1px solid #777777;
	height: 313px;
	overflow: auto;
	width: 696px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainerCell {
	overflow: hidden;
	width: 696px
}

/* define width of table. IE browsers only                 */
div.tableContainerCell table {
	float: left;
	width: 682px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainerCell table {
	width: 696px
}


/* --- Cell DEVICE CONTENT ------------------------------------------------------------- */
/* Define the standard scehdule table content to be scrollable                            */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */

table.cellDeviceContent {
	clear: both;
	// border-bottom: 1px solid #999999;
	// border-left: 1px solid #999999;
	// border-right: 1px solid #777777;
	// border-top: 1px solid #777777;
	background: #DFE2CD;
	height: 290px;
	overflow: auto;
	width: 500px
}

html>body tbody.cellDeviceContent {
	display: block;
	height: 290px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
tbody.cellDeviceContent td, tbody.cellDeviceContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.cellDeviceContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}


/* --- THEAD  & TBODY SCHEDULE CONTENT --------------------------------- */
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */

thead.cellDeviceContent tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.cellDeviceContent tr {
	display: block
}

/* make the TH elements pretty */
thead.cellDeviceContent th {
	color: #FFF;
	background: #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-top: 1px solid #DDDDDD;
	font-weight: normal;
	padding: 4px 3px;
    text-shadow: 1px 1px 1px #111;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.cellDeviceContent a, thead.cellDeviceContent a:link, thead.cellDeviceContent a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.cellDeviceContent a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

html>body thead.cellDeviceContent th {
	width: 30px;
	text-align: center;
}

html>body thead.cellDeviceContent th + th {
	width: 186px
}

html>body thead.cellDeviceContent th + th + th {
	width: 280px
}

html>body thead.cellDeviceContent th + th + th + th {
	width: 150px
}

html>body thead.cellDeviceContent th + th + th + th + th {
	width: 22px
}

html>body thead.cellDeviceContent th + th + th + th + th + th {
	width: 22px
}



/* -- TD -- */

html>body tbody.cellDeviceContent td {
	width: 30px;
	font-size: 14px;
	text-align: center;
}

html>body tbody.cellDeviceContent td + td {
	width: 186px
}

html>body tbody.cellDeviceContent td + td + td {
	width: 280px
}

html>body tbody.cellDeviceContent td + td + td + td {
	width: 150px;
}

html>body tbody.cellDeviceContent td + td + td + td + td {
	width: 22px;
}
html>body tbody.cellDeviceContent td + td + td + td + td + td {
	width: 22px
}

/* --- END CELL DEVICE CONTENT ------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------- */







/* ------------------------------------------------------------------------------------- */
/* --- XBEE DIV, TABLE, and DEVICE CONTENT -------------------------------------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainerXBEE {
	clear: both;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #777777;
	border-top: 1px solid #777777;
	height: 223px;
	overflow: auto;
	width: 486px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainerXBEE {
	overflow: hidden;
	width: 486px
}

/* define width of table. IE browsers only                 */
div.tableContainerXBEE table {
	float: left;
	width: 472px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainerXBEE table {
	width: 486px
}


/* --- XBEE DEVICE CONTENT ------------------------------------------------------------- */
/* Define the standard scehdule table content to be scrollable                            */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */

table.xbeeDeviceContent {
	clear: both;
	// border-bottom: 1px solid #999999;
	// border-left: 1px solid #999999;
	// border-right: 1px solid #777777;
	// border-top: 1px solid #777777;
	background: #DFE2CD;
	height: 200px;
	overflow: auto;
	width: 500px
}

html>body tbody.xbeeDeviceContent {
	display: block;
	height: 200px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
tbody.xbeeDeviceContent td, tbody.xbeeDeviceContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.xbeeDeviceContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}


/* --- THEAD  & TBODY SCHEDULE CONTENT --------------------------------- */
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */

thead.xbeeDeviceContent tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.xbeeDeviceContent tr {
	display: block
}

/* make the TH elements pretty */
thead.xbeeDeviceContent th {
	color: #FFF;
	background: #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-top: 1px solid #DDDDDD;
	font-weight: normal;
	padding: 4px 3px;
    text-shadow: 1px 1px 1px #111;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.xbeeDeviceContent a, thead.xbeeDeviceContent a:link, thead.xbeeDeviceContent a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.xbeeDeviceContent a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

html>body thead.xbeeDeviceContent th {
	width: 30px;
	text-align: center;
}

html>body thead.xbeeDeviceContent th + th {
	width: 186px
}

html>body thead.xbeeDeviceContent th + th + th {
	width: 70px
}

html>body thead.xbeeDeviceContent th + th + th + th {
	width: 150px
}

html>body thead.xbeeDeviceContent th + th + th + th + th {
	width: 22px
}

html>body thead.xbeeDeviceContent th + th + th + th + th + th {
	width: 22px
}



/* -- TD -- */

html>body tbody.xbeeDeviceContent td {
	width: 30px;
	font-size: 14px;
	text-align: center;
}

html>body tbody.xbeeDeviceContent td + td {
	width: 186px
}

html>body tbody.xbeeDeviceContent td + td + td {
	width: 70px
}

html>body tbody.xbeeDeviceContent td + td + td + td {
	width: 150px;
}

html>body tbody.xbeeDeviceContent td + td + td + td + td {
	width: 22px;
}
html>body tbody.xbeeDeviceContent td + td + td + td + td + td {
	width: 22px
}

/* --- END XBEE DEVICE CONTENT ------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------- */
/* --- LOCATION CONTENT ------------------------------------------------------------------- */
/* Define the location scehdule table content to be scrollable                             */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */

table.locationContent {
	clear: both;
	// border-bottom: 1px solid #999999;
	// border-left: 1px solid #999999;
	// border-right: 1px solid #777777;
	// border-top: 1px solid #777777;
	background: #DFE2CD;
	height: 389px;
	overflow: auto;
	width: 850px
}

html>body tbody.locationContent {
	display: block;
	height: 387px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
tbody.locationContent td, tbody.locationContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* --- THEAD  & TBODY SCHEDULE CONTENT --------------------------------- */
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */

thead.locationContent tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.locationContent tr {
	display: block
}

/* make the TH elements pretty */
thead.locationContent th {
	color: #FFF;
	background: #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-top: 1px solid #DDDDDD;
	font-weight: normal;
	padding: 4px 3px;
    text-shadow: 1px 1px 1px #111;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.locationContent a, thead.locationContent a:link, thead.locationContent a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.locationContent a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* Checkbox */
html>body thead.locationContent th {
	width: 30px;
	text-align: center;
}

/* Name */
html>body thead.locationContent th + th {
	width: 150px
}

/* Description */
html>body thead.locationContent th + th + th {
	width: 240px
}

/* IP Address */
html>body thead.locationContent th + th + th + th {
	width: 170px
}

/* Schedule Profile */
html>body thead.locationContent th + th + th + th + th {
	width: 140px
}

/* Status button */
html>body thead.locationContent th + th + th + th + th + th {
	width: 54px
}

/* (not used) */
html>body thead.locationContent th + th + th + th + th + th + th {
	width: 50px
}

html>body thead.locationContent th + th + th + th + th + th + th + th {
	width: 22px
}

html>body thead.locationContent th + th + th + th + th + th + th + th + th {
	width: 22px
}

html>body thead.locationContent th + th + th + th + th + th + th + th + th + th {
	width: 22px
}


/* -- TD -- */

/* Checkbox */
html>body tbody.locationContent td {
	width: 30px;
	text-align: center;
}

/* Name */
html>body tbody.locationContent td + td {
	width: 150px
}

/* Description */
html>body tbody.locationContent td + td + td {
	width: 240px
}

/* IP Address */
html>body tbody.locationContent td + td + td + td {
	width: 170px;
}

/* Schedule Profile */
html>body tbody.locationContent td + td + td + td + td {
	width: 140px;
}

/* Status button */
html>body tbody.locationContent td + td + td + td + td + td {
	width: 54px
}

/* (not used) */
html>body tbody.locationContent td + td + td + td + td + td + td {
	width: 50px
}
html>body tbody.locationContent td + td + td + td + td + td + td + td {
	width: 22px
}
html>body tbody.locationContent td + td + td + td + td + td + td + td + td {
	width: 22px
}
html>body tbody.locationContent td + td + td + td + td + td + td + td + td + td {
	width: 22px;
	background: #C0EBEB;
}
/* --- END LOCATION CONTENT ------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------- */
/* --- PROFILE CONTENT ------------------------------------------------------------------- */
/* Define the profile scehdule table content to be scrollable                             */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */

table.profileContent {
	clear: both;
	// border-bottom: 1px solid #999999;
	// border-left: 1px solid #999999;
	// border-right: 1px solid #777777;
	// border-top: 1px solid #777777;
	background: #DFE2CD;
	height: 389px;
	overflow: auto;
	width: 820px
}

html>body tbody.profileContent {
	display: block;
	height: 387px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
tbody.profileContent td, tbody.profileContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* --- THEAD  & TBODY SCHEDULE CONTENT --------------------------------- */
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */

thead.profileContent tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.profileContent tr {
	display: block
}

/* make the TH elements pretty */
thead.profileContent th {
	color: #FFF;
	background: #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-top: 1px solid #DDDDDD;
	font-weight: normal;
	padding: 4px 3px;
    text-shadow: 1px 1px 1px #111;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.profileContent a, thead.profileContent a:link, thead.profileContent a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.profileContent a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* Checkbox */
html>body thead.profileContent th {
	width: 30px;
	text-align: center;
}

/* Name */
html>body thead.profileContent th + th {
	width: 150px
}

/* Description */
html>body thead.profileContent th + th + th {
	width: 240px
}

/* Schedule buttons (standard & holiday) */
html>body thead.profileContent th + th + th + th {
	width: 132px
}

/* Exception schedule buttons (x6) */
html>body thead.profileContent th + th + th + th + th {
	width: 210px
}

/* (not used) */
html>body thead.profileContent th + th + th + th + th + th {
	width: 80px
}

/* (not used) */
html>body thead.profileContent th + th + th + th + th + th + th {
	width: 50px
}

html>body thead.profileContent th + th + th + th + th + th + th + th {
	width: 22px
}

html>body thead.profileContent th + th + th + th + th + th + th + th + th {
	width: 22px
}

html>body thead.profileContent th + th + th + th + th + th + th + th + th + th {
	width: 22px
}


/* -- TD -- */

/* Checkbox */
html>body tbody.profileContent td {
	width: 30px;
	text-align: center;
}

/* Name */
html>body tbody.profileContent td + td {
	width: 150px
}

/* Description */
html>body tbody.profileContent td + td + td {
	width: 240px
}

/* Schedule buttons (standard & holiday) */
html>body tbody.profileContent td + td + td + td {
	width: 132px;
}

/* Exception schedule buttons (x6) */
html>body tbody.profileContent td + td + td + td + td {
	width: 210px;
}

/* (not used) */
html>body tbody.profileContent td + td + td + td + td + td {
	width: 80px
}
/* (not used) */
html>body tbody.profileContent td + td + td + td + td + td + td {
	width: 50px
}
html>body tbody.profileContent td + td + td + td + td + td + td + td {
	width: 22px
}
html>body tbody.profileContent td + td + td + td + td + td + td + td + td {
	width: 22px
}
html>body tbody.profileContent td + td + td + td + td + td + td + td + td + td {
	width: 22px;
	background: #C0EBEB;
}
/* --- END PROFILE CONTENT ------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------- */
/* --- SCHEADER CONTENT ------------------------------------------------------------------- */
/* Define the scheader scehdule table content to be scrollable                             */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */

table.scheaderContent {
	clear: both;
	// border-bottom: 1px solid #999999;
	// border-left: 1px solid #999999;
	// border-right: 1px solid #777777;
	// border-top: 1px solid #777777;
	background: #DFE2CD;
	height: 389px;
	overflow: auto;
	width: 820px
}

html>body tbody.scheaderContent {
	display: block;
	height: 387px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
tbody.scheaderContent td, tbody.scheaderContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* --- THEAD  & TBODY SCHEDULE CONTENT --------------------------------- */
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */

thead.scheaderContent tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.scheaderContent tr {
	display: block
}

/* make the TH elements pretty */
thead.scheaderContent th {
	color: #FFF;
	background: #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-top: 1px solid #DDDDDD;
	font-weight: normal;
	padding: 4px 3px;
    text-shadow: 1px 1px 1px #111;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.scheaderContent a, thead.scheaderContent a:link, thead.scheaderContent a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.scheaderContent a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* Checkbox */
html>body thead.scheaderContent th {
	width: 30px;
	text-align: center;
}

/* Name */
html>body thead.scheaderContent th + th {
	width: 160px
}

/* Description */
html>body thead.scheaderContent th + th + th {
	width: 290px
}

/* Start Date */
html>body thead.scheaderContent th + th + th + th {
	width: 100px
}

/* End Date */
html>body thead.scheaderContent th + th + th + th + th {
	width: 100px
}

/* Events */
html>body thead.scheaderContent th + th + th + th + th + th {
	width: 75px
}

/* Clone (not used) */
html>body thead.scheaderContent th + th + th + th + th + th + th {
	width: 50px
}

html>body thead.scheaderContent th + th + th + th + th + th + th + th {
	width: 22px
}

html>body thead.scheaderContent th + th + th + th + th + th + th + th + th {
	width: 22px
}

html>body thead.scheaderContent th + th + th + th + th + th + th + th + th + th {
	width: 22px
}


/* -- TD -- */

/* Checkbox */
html>body tbody.scheaderContent td {
	width: 30px;
	font-size: 13px;
	text-align: center;
}

/* Name */
html>body tbody.scheaderContent td + td {
	width: 160px
}

/* Description */
html>body tbody.scheaderContent td + td + td {
	width: 290px
}

/* Start Date */
html>body tbody.scheaderContent td + td + td + td {
	width: 100px;
}

/* End Date */
html>body tbody.scheaderContent td + td + td + td + td {
	width: 100px;
}
/* Events */
html>body tbody.scheaderContent td + td + td + td + td + td {
	width: 75px
}
/* Clone (not used) */
html>body tbody.scheaderContent td + td + td + td + td + td + td {
	width: 50px
}
html>body tbody.scheaderContent td + td + td + td + td + td + td + td {
	width: 22px
}
html>body tbody.scheaderContent td + td + td + td + td + td + td + td + td {
	width: 22px
}
html>body tbody.scheaderContent td + td + td + td + td + td + td + td + td + td {
	width: 22px;
	background: #C0EBEB;
}
/* --- END SCHEADER CONTENT ------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------------- */
/* --- SCHEDULE CONTENT ----------------------------------------------------------------- */
/* Define the standard scehdule table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */

table.scheduleContent {
	clear: both;
	// border-bottom: 1px solid #999999;
	// border-left: 1px solid #999999;
	// border-right: 1px solid #777777;
	// border-top: 1px solid #777777;
	background: #DFE2CD;
	height: 266px;
	overflow: auto;
	width: 600px
}

html>body tbody.scheduleContent {
	display: block;
	height: 264px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
tbody.scheduleContent td, tbody.scheduleContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scheduleContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

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



/* --- THEAD  & TBODY SCHEDULE CONTENT --------------------------------- */
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */

thead.scheduleContent tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.scheduleContent tr {
	display: block
}

/* make the TH elements pretty */
thead.scheduleContent th {
	color: #FFF;
	background: #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-top: 1px solid #DDDDDD;
	font-weight: normal;
	padding: 4px 3px;
    text-shadow: 1px 1px 1px #111;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.scheduleContent a, thead.scheduleContent a:link, thead.scheduleContent a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.scheduleContent a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

html>body thead.scheduleContent th {
	width: 30px;
	text-align: center;
}

html>body thead.scheduleContent th + th {
	width: 186px
}

html>body thead.scheduleContent th + th + th {
	width: 132px
}

html>body thead.scheduleContent th + th + th + th {
	width: 22px
}

html>body thead.scheduleContent th + th + th + th + th {
	width: 22px
}

html>body thead.scheduleContent th + th + th + th + th + th {
	width: 22px
}

html>body thead.scheduleContent th + th + th + th + th + th + th {
	width: 22px
}

html>body thead.scheduleContent th + th + th + th + th + th + th + th {
	width: 22px
}

html>body thead.scheduleContent th + th + th + th + th + th + th + th + th {
	width: 22px
}

html>body thead.scheduleContent th + th + th + th + th + th + th + th + th + th {
	width: 22px
}


/* -- TD -- */

html>body tbody.scheduleContent td {
	width: 30px;
	text-align: center;
}

html>body tbody.scheduleContent td + td {
	width: 186px
}

html>body tbody.scheduleContent td + td + td {
	width: 132px
}

html>body tbody.scheduleContent td + td + td + td {
	width: 22px;
	background: #C0EBEB;
}

html>body tbody.scheduleContent td + td + td + td + td {
	width: 22px;
	background: #CFF;
}
html>body tbody.scheduleContent td + td + td + td + td + td {
	width: 22px
}
html>body tbody.scheduleContent td + td + td + td + td + td + td {
	width: 22px
}
html>body tbody.scheduleContent td + td + td + td + td + td + td + td {
	width: 22px
}
html>body tbody.scheduleContent td + td + td + td + td + td + td + td + td {
	width: 22px
}
html>body tbody.scheduleContent td + td + td + td + td + td + td + td + td + td {
	width: 22px;
	background: #C0EBEB;
}
/* --- END SCHEDULE CONTENT ------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------- */
/* --- OUTER TABLE CONTAINER ----------------------------------------------------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainerOUTER {
	clear: both;
	border: 1px solid #bbbbbb; 
	height: 500px;
	overflow: auto;
	width: 965px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainerOUTER {
	overflow: hidden;
	width: 965px
}

/* define width of table. IE browsers only                 */
div.tableContainerOUTER table {
	width: 949px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainerOUTER table {
	width: 965px
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContentOUTER {
	display: block;
	height: 500px;
	overflow: auto;
	width: 100%
}

/* --- END - OUTER TABLE CONTAINER --------------------------------------------------- */



/* --- LOCATION TABLE CONTAINER ----------------------------------------------------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainerLOCATION {
	clear: both;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #777777;
	border-top: 1px solid #777777;
	height: 408px;
	overflow: auto;
	width: 850px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainerLOCATION {
	overflow: hidden;
	width: 850px
}

/* define width of table. IE browsers only                 */
div.tableContainerLOCATION table {
	float: left;
	width: 836px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainerLOCATION table {
	width: 850px
}







/* --- PROFILE TABLE CONTAINER ----------------------------------------------------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainerPROFILE {
	clear: both;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #777777;
	border-top: 1px solid #777777;
	height: 408px;
	overflow: auto;
	width: 820px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainerPROFILE {
	overflow: hidden;
	width: 820px
}

/* define width of table. IE browsers only                 */
div.tableContainerPROFILE table {
	float: left;
	width: 806px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainerPROFILE table {
	width: 820px
}




/* --- SCHEDULE HEADER TABLE CONTAINER ----------------------------------------------------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainerSCHEADER {
	clear: both;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #777777;
	border-top: 1px solid #777777;
	height: 408px;
	overflow: auto;
	width: 820px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainerSCHEADER {
	overflow: hidden;
	width: 820px
}

/* define width of table. IE browsers only                 */
div.tableContainerSCHEADER table {
	float: left;
	width: 806px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainerSCHEADER table {
	width: 820px
}




/* ----------------------------------------------------------------------------------- */
/* --- DAY TABLE CONTAINER ----------------------------------------------------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar         */
div.tableContainerDAY {
	clear: both;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #777777;
	border-top: 1px solid #777777;
	height: 285px;
	overflow: auto;
	width: 600px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainerDAY {
	overflow: hidden;
	width: 600px
}

/* define width of table. IE browsers only                 */
div.tableContainerDAY table {
	float: left;
	width: 586px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainerDAY table {
	width: 600px
}

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



/* --- HOLIDAY TABLE CONTAINER ----------------------------------------------------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainerHOLIDAY {
	clear: both;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #777777;
	border-top: 1px solid #777777;
	height: 208px;
	overflow: auto;
	width: 560px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainerHOLIDAY {
	overflow: hidden;
	width: 560px
}

/* define width of table. IE browsers only                 */
div.tableContainerHOLIDAY table {
	float: left;
	width: 546px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainerHOLIDAY table {
	width: 560px
}



/* --- SCHEDULE TABLE CONTAINER ----------------------------------------------------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
table.tableContainerSCH {
	clear: both;
	height: 147px;
	overflow: auto;
	width: 100%;
}

table.tableContainerSCH td {
	font-size: 13px; 
	width: 60px;
}

table.tableContainerSCH td + td {
	font-size: 13px; 
	width: 60px
}

/* define width of table. IE browsers only                 */
div.tableContainerSCH table {
	float: left;
	width: 220px
}

/* define width of table.                    */
/* All other non-IE browsers.                */
html>body div.tableContainerSCH table {
	width: 220px
}


/* --- DEVICE TABLE CONTAINER ----------------------------------------------------------- */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainerDEV {
	clear: both;
	border: 0px solid #963;
	height: 174px;
	overflow: auto;
	width: 640px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainerDEV {
	overflow: hidden;
	width: 640px
}

/* define width of table. IE browsers only                 */
div.tableContainerDEV table {
	float: left;
	width: 625px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainerDEV table {
	width: 640px
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.deviceContent {
	display: block;
	height: 300px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty                             */
tbody.deviceContent td, tbody.deviceContent td {
	padding: 0px 1px 1px 1px
}

html>body tbody.deviceContent tr {
	height: 26px
}

html>body tbody.deviceContent td {
	width: 110px
}

html>body tbody.deviceContent td + td {
	width: 270px
}

html>body tbody.deviceContent td + td + td {
	width: 123px
}

html>body tbody.deviceContent td + td + td + td {
	width: 51px
}

/* -- END DEVICE TABLE -------------------------------------------------------------------------- */



/* make the INPUT elements pretty */
input {
	font-weight: normal;
	padding: 2px 2px; 
	text-align: center;
}

/* make the SELECT elements pretty */
select {
	font-weight: normal;
	padding: 2px 2px;
	text-align: center;
	vertical-align: middle;
}

/* Make the TH elements pretty */
thead.fixedHeader th {
	background: #AAAAAA;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-top: 1px solid #DDDDDD;
	font-weight: normal;
	padding: 4px 3px;
    text-shadow: 1px 1px 1px #111;
	text-align: left
}


/* Make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* Make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}


/* --- HOLIDAY SCROLL TABLE CONTENT ------------------------------------ */
/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
/* make TD elements pretty. Provide alternating classes for striping the table */

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
table.tableHoliday {
	clear: both;
	// border-bottom: 1px solid #999999;
	// border-left: 1px solid #999999;
	// border-right: 1px solid #777777;
	// border-top: 1px solid #777777;
	background: #DFE2CD;
	height: 126px;
	overflow: auto;
	width: 561px
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
table.tableHolidayHdr {
	clear: both;
	border: 0px solid #963;
	height: 23px;
	overflow: auto;
	width: 560px
}

thead.fixedHolHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHolHeader tr {
	display: block
}

/* Make the TH elements pretty */
thead.fixedHolHeader th {
	color: #FFF;
	background: #AAAAAA;
	border-bottom: 1px solid #777777;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-top: 1px solid #DDDDDD;
	font-weight: normal;
	padding: 4px 3px;
    text-shadow: 1px 1px 1px #111;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHolHeader a, thead.fixedHolHeader a:link, thead.fixedHolHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHolHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

tbody.scrollHolContent td, tbody.scrollHolContent tr.normalRow td {
	background: #FFF;
	border-bottom: 1px solid #DDD;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: none;
	text-align: center;
	padding: 2px 3px 3px 4px
}

tbody.scrollHolContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

html>body tbody.scrollHolContent {
	display: block;
	height: 186px;
	overflow: auto;
	width: 100%
}

/* --- THEAD -------------------------------- */
html>body thead.fixedHolHeader th {
	width: 30px
}

html>body thead.fixedHolHeader th + th {
	width: 160px
}

html>body thead.fixedHolHeader th + th + th {
	width: 160x
}

html>body thead.fixedHolHeader th + th + th + th {
	width: 160px
}

/* --- TBODY -------------------------------- */
html>body tbody.scrollHolContent td {
	width: 30px
}

html>body tbody.scrollHolContent td + td {
	width: 160px
}

html>body tbody.scrollHolContent td + td + td {
	width: 160px
}

html>body tbody.scrollHolContent td + td + td + td {
	width: 160px
}

/* -- END HOLIDAY TABLE -------------------------------------------------------------------------- */

hr.fade-in-out { 
  border: 0; 
  height: 1px; 
  margin-top: 1px;  
  margin-bottom: 1px;  
  background-image: -webkit-linear-gradient(left, #f0f0f0, #0086B2, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #0086B2, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #0086B2, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #0086B2, #f0f0f0); 
}
hr.fade-in-out-light { 
  border: 0; 
  height: 1px; 
  margin-top: 1px;  
  margin-bottom: 1px;  
  background-image: -webkit-linear-gradient(left, #f0f0f0, #0099dd, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #0099dd, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #0099dd, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #0099dd, #f0f0f0); 
}