html {
	overflow-y: scroll;
    min-width: 1230px;
    background-color: black;
}

body {
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	color:#FFF;
    min-height: 100%;
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 12px;
}
#wrapper {
    margin: 0 auto;
    width: 1600px;
    position: relative;
    border-style: solid;
    border-width: 0px;
    border-color: green;
}

#content {

    border-style: solid;
    border-width: 0px;
    border-color: red;
	background: #000000;
    padding: 0px 10px 10px 10px;
    margin-top: 5px;
    min-height: 600px;
    font-size: 12px;

}
#nitel_logo {
    float: right;
    margin-right: 60px;
}

#website_links {
    margin-left: 60px;
    margin-right: 60px;
    padding-top: 64px;
    font-weight: bold;
}

#website_links a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#website_links a:hover {
    border-bottom: 2px solid #FFBF00;
}
#header_menu {
    height: 77px;
    margin-top: 5px;
    margin-left: 60px;
    margin-right: 60px;
    border-style: solid;
    border-width: 1px;
    border-color: #101010;
    background: #5f5f5f url('../images/message_back.jpg') repeat-x top scroll;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 0px;
}

#header_menu_mirror {
    height: 77px;
    margin-top: 5px;
    margin-left: 60px;
    margin-right: 60px;
    background: url('../images/message_back2.png') repeat-x top scroll;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 0px;
    text-align: right;
}

#header_menu_links {
  position: relative;
  margin-top: 50px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
}

#secondary_menu_links {
  position: relative;
  margin-top: 0px;
  padding-top: 8px;
  text-shadow: 1px 1px 1px #000;
}
a {
  color: #ddd;
}
a:hover {
  text-decoration: none;
  color: white;
}

.secondary_link {
    text-decoration: none;
    color: white;
}
.secondary_link:hover {
    text-decoration: none;
    border-bottom: 2px solid #FFBF00;
    -webkit-box-shadow: 0px 0.5px #333;
    -moz-box-shadow: 0px 0.5px #333;
    box-shadow: 0px 0.5px #333;
}

.menu_link {
    cursor: pointer;
}
.menu_link:hover {
    text-decoration: underline;
    color: yellow;
}
.header_menu_links a {
  cursor: pointer;
  text-decoration: none;
}

.header_menu_links a:hover {
  text-decoration: underline;
}
#content-inner {
    margin-left: 60px;
    margin-right: 60px;
    margin-top: -30px;
    border-style: solid;
    border-width: 0px;
    border-color: gold;
}
br {
	line-height:0px;
}
td {
	font-size:11px;
	font-weight:normal;
	font-family:tahoma, arial;
	vertical-align:top;
	line-height:14px;
}
.al a{
	text-decoration:underline;
	color:#FFF;
	font:bold 11px Tahoma, Arial;	
}
.al a:hover{
	text-decoration:none;
	color:#FFF;
	font:bold 11px Tahoma, Arial;
}
.bl a{
	text-decoration:underline;
	color:#FFDA72;
	font:bold 11px Tahoma, Arial;	
}
.bl a:hover{
	text-decoration:none;
	color:#FFDA72;
	font:bold 11px Tahoma, Arial;
}
.bl {
	text-decoration:none;
	color:#FFDA72;
	font:bold 11px Tahoma, Arial;
}
.cl a{
	text-decoration:underline;
	color:#678DCE;
	font:bold 10px Tahoma, Arial;	
}
.cl a:hover{
	text-decoration:none;
	color:#678DCE;
	font:bold 10px Tahoma, Arial;
}
.dl a{
	text-decoration:none;
	color:#FFF;
	font:bold 11px Tahoma, Arial;	
}
.dl a:hover{
	text-decoration:underline;
	color:#FFF;
	font:bold 11px Tahoma, Arial;
}
.el a{
	text-decoration:none;
	color:#FFF;
	font:normal 11px Tahoma, Arial;	
}
.el a:hover{
	text-decoration:underline;
	color:#FFF;
	font:normal 11px Tahoma, Arial;
}
.fl a{
	text-decoration:underline;
	color:#FFF;
	font:normal 11px Tahoma, Arial;	
}
.fl a:hover{
	text-decoration:none;
	color:#FFF;
	font:normal 11px Tahoma, Arial;
}
.input_1 {
	width:175px;
	height:17px;
	color:#000;
	font:normal 11px Tahoma, Arial;
	border:1px solid #BBB;
	background-color:#FFF;
	padding:2px 0px 0px 2px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}
.slct {
	font:normal 11px Tahoma, Arial;
	width:175px;
	height:18px;
	border:1px solid #818181;
}
.slct_2 {
	font:normal 11px Tahoma, Arial;
	width:40px;
	height:17px;
	border:1px solid #818181;
}
.slct_3 {
	font:normal 11px Tahoma, Arial;
	width:90px;
	height:17px;
	border:1px solid #818181;
}
.slct_4 {
	font:normal 11px Tahoma, Arial;
	width:175px;
	height:18px;
	border:1px solid #818181;
    font-weight:bold;
}
.input{
	width:193px;
	height:17px;
	color:#000;
	font:normal 11px Tahoma, Arial;
	border:1px solid #BBB;
	background-color:#FFF;
	padding:2px 0px 0px 2px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}
.input_2{
	width:80px;
	height:18px;
	color:#000;
	font:normal 11px Tahoma, Arial;
	border:1px solid #818181;
	background-color:#FFF;
	padding:2px 0px 0px 2px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}
.input_3 {
	width:300px;
	height:17px;
	color:#000;
	font:normal 11px Tahoma, Arial;
	border:1px solid #BBB;
	background-color:#FFF;
	padding:2px 0px 0px 2px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}
.input_4 {
	width:720px;
	height:17px;
	color:#000;
	font:normal 11px Tahoma, Arial;
	border:1px solid #BBB;
	background-color:#FFF;
	padding:2px 0px 0px 2px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}
.input_5 {
	width:170px;
	height:17px;
	color:#000;
	font:normal 11px Tahoma, Arial;
	border:1px solid #BBB;
	background-color:#FFF;
	padding:2px 0px 0px 2px;
	margin:0px 0px 0px 0px;
	vertical-align:left;
}
.ta {
	width:193px;
	height:157px;
	color:#FFF;
	font:normal 11px Tahoma, Arial;
	border:1px solid #BBB;
	background-color:#FFF;
	padding:3px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	overflow:auto;
}

thead {
	font-size:10px;
	font-weight:bold;
	font-family:tahoma, arial;
	vertical-align:top;
	line-height:15px;
    height:15px;
}

tfoot {
	font-size:10px;
	font-weight:bold;
	font-family:tahoma, arial;
	vertical-align:top;
	line-height:14px;
    height:15px;
}

tbody {
	font-size:10px;
	font-weight:bold;
	font-family:tahoma, arial;
	vertical-align:top;
	line-height:14px;
}

.tableone {width:100%; border-collapse:collapse; margin:0 auto;}
.tabletwo {width:100%; border-collapse:collapse;}
.tablethree {width:100%; border-collapse:collapse;}

.th1 {width:30px;}
.th2 {width:70px;}
.th3 {width:60px;}
.th4 {width:340px;}
.th5 {width:80px;}
.th6 {width:80px;}
.th7 {width:60px;}
.th8 {width:80px;}

.th21 {width:30px;}
.th22 {width:70px;}
.th23 {width:270px;}
.th24 {width:350px;}
.th25 {width:60px;}

.td1 {width:30px;}
.td2 {width:70px;}
.td3 {width:60px;}
.td4 {width:340px;}
.td5 {width:80px;}
.td6 {width:80px;}
.td7 {width:60px;}
.td8 {width:60px;}

.td21 {width:30px;}
.td22 {width:70px;}
.td23 {width:270px;}
.td24 {width:350px;}
.td25 {width:45px;}

.th26 {width:30px;}
.th27 {width:70px;}
.th28 {width:30px;}
.th29 {width:30px;}
.th30 {width:270px;}
.th31 {width:70px;}
.th32 {width:220px;}

.td26 {width:30px;}
.td27 {width:70px;}
.td28 {width:40px;}
.td29 {width:40px;}
.td30 {width:270px;}
.td31 {width:75px;}
.td32 {width:220px;}

.tableone {background:#F0F0F0; border:1px solid green; color:#fff;}
.tableone td {border:0px solid gray; color:#000;}
.tableone tbody {background:#fff; color:#000;}
.tableone caption {background:#fff; color:#697210; font-size:1.2em; margin:0 auto;}

.tabletwo td {color:#000;}
.tableone th, .tabletwo th {text-align:left;}
.tabletwo tr.dk td {background:#ddd; color:#000;}

.innerb {height:18em; overflow:auto;}

.innerb2 {height:6em; overflow:auto;}

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 10px;
  filter: Shadow(Color=#000000,
                 Direction=135,
                 Strength=1);

  /* Needed for Gecko */
  line-height: 14px;
  white-space: nowrap;
}

/*
 * used by browsers which know about
 * :before to create the shadow
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666;
}

#shadow_1:before {
  content: 'In shadow';
}
#second_2:before {
  content: 'Happy Shadowing!';
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /*
     * seen by IE6 and Safari, but hidden
     * from Gecko
     */
    text-shadow: #666666 5px 5px 5px;

  ]color:auto; /* resets color for IE6 */
}/**/

/*
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari.
                seen by IE6 */

    /*
     * seen by IE6 and Safari, but hidden
     * from Gecko
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/*
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

.remove_wakeup { cursor: pointer; }

table.np {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #333;
	border-collapse: collapse;
	background-color: black;
}
table.np th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #333;
	background-color: black;
	-moz-border-radius: ;
}
table.np td {
	border-width: 1px;
    color: #EEEEEE;
	padding: 1px;
	border-style: solid;
	border-color: #333;
	background-color: black;
	-moz-border-radius: ;
}

#contacts_box { padding: 0.5em; position: relative; }
#contacts_box h2 { margin: 0; padding: 8px; text-align: left; }
#contacts_box h3 { margin: 0; margin-bottom: 5px; padding: 0px; text-align: left; }
#contacts_box_table { width: 99.5%; font-size: 14px; margin-top: 3px;}


#cal_sortable1, #cal_sortable2 { list-style-type: none; margin: 0; padding: 0px; margin-right: 0px; }
#cal_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; }
#cal_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; }

#mon_sortable1, #mon_sortable2 { list-style-type: none; margin: 0; padding: 0px; margin-right: 0px; }
#mon_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#mon_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#tue_sortable1, #tue_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#tue_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#tue_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#wed_sortable1, #wed_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#wed_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#wed_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#thu_sortable1, #thu_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#thu_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#thu_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#fri_sortable1, #fri_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#fri_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#fri_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#sat_sortable1, #sat_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#sat_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#sat_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

#sun_sortable1, #sun_sortable2 { list-style-type: none; margin: 0; padding: 5px; margin-right: 0px; }
#sun_sortable1 li { cursor: move; margin: 5px 5px 5px 5px; padding: 5px; font-size: 1.2em; color: #E0E0E0; }
#sun_sortable2 li { cursor: move; margin: 5px 5px 5px 5px; padding: 3px; font-size: 1.1em; color: #E0E0E0; }

.dropbox1 { background: #0a1a00; border-style: solid; border-width: 1px; border-color: DimGray; padding: 5px; min-height: 44px;  }
.dropbox2 { background: #0d0000; border-style: solid; border-width: 1px; border-color: DimGray; padding: 5px; min-height: 44px; }

#back {
    margin-top: 1px;
    display: inline-block;
    font-size: 10px;
    float: right;
}

.remove_phone, .remove_cal, .remove_reason, .remove_wakeup, .action_wakeup, .button_clickable, .cal_click, .add_cal_single { cursor: pointer; }

.jedit3:hover { cursor: pointer; background-color: #FFFFCC; }
.jedit { text-decoration: underline; }
.jedit:hover { cursor: pointer; background-color: #505050; }

.jtable {
	table-layout 	: fixed;
	empty-cells 	: show;
	border-collapse	: collapse;
	border-spacing	: 0;
    margin-top      : -1px;
}

.jtable th {
    font-size       : 12px;
    padding         : 5px;
}

.jtable td {
    font-size       : 14px;
    padding         : 5px;
    background-color: #101010;
    border-style: solid;
    border-width: 1px;
    border-color: #202020;
}

.jtable2 {
	table-layout 	: fixed;
	empty-cells 	: show;
	border-collapse	: collapse;
	border-spacing	: 0;
    margin-top      : -1px;
}

.jtable2 th {
    font-size       : 12px;
    padding         : 5px;
}

.jtable2 td {
    font-size       : 14px;
    padding         : 5px;
    background-color: #101010;
    border-style: solid;
    border-width: 1px;
    border-color: #202020;
}

div.datetime {
display:block;
padding:0;
width:3.1em;
min-width:48px;
color:#2f4765;
background:url(../images/corner1.gif) no-repeat right bottom;
text-align:center;
font-size:x-small;
}

div.datetime p {
margin:0 auto;

}

div.datetime .top {
color:#fefefe;
background-color:#2f4765;
margin:0 0px 0 0;
padding:6px 0 1px 0;
line-height:100%;
border-top:1px solid #283c56;
border-bottom:1px solid #316640;
border-left:1px solid #283c56;
}

div.datetime .top p {
background:url(../images/caltop.gif) no-repeat 50% 0;
margin:-9px auto 0 auto; /* negative top margin, auto for centering */
padding-top:11px;
padding-bottom:0;
padding-left:1px;
font:bold x-small/100%;
letter-spacing:0.12em;
text-transform:uppercase;
}

/* day of the month (NUMBER) */
div.datetime p.day {
color:#365174;
background-color:transparent;
padding:0 0 1px 0;
font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
letter-spacing:0.13em;
}

/* month */
div.datetime p.mon {
padding:0;
font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:normal;
line-height:100%;
text-align:center;
text-transform:uppercase;
}

/* year */
div.datetime p.yr {
margin-right:0px;
margin-left:6px;
padding:0 4px 0 0;
font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:0.05em;

color:#283d57;
background-color:transparent;
//margin:0 3px 0 8px;
//text-align:center;

}

div.datetime .btm {
color:#365174;
background:transparent;
border-left:1px solid #a1c6ac;
margin:0 0px 5px 0;
padding:0px 0px 4px 0px;
}

.background_to_li { background: #101010; }

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal_busy {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .8 )
                url('../images/ajax-loader.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.stroke_black {
    font-size: 22px;
    font-weight: bold;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#quick_date {
    cursor: pointer;
}

#ui-datepicker-div { display: none; }

.nitel_box { width: 100%; position: relative; }
#message_box { padding: 0.3em; position: relative; }
#message_box h2 { margin: 0; padding: 5px; text-align: left; }
#message_box h3 { margin: 0; padding: 7px; text-align: left; }
#message_box_table { width: 99.5%; font-size: 14px; margin-top: 3px;}

.modal_busy {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .8 )
                url('../images/ajax-loader.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.ajax-file-upload-nitelportal2 {
    font-size: 22px;
}