body {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	vertical-align:top;
	width:100%; height:100%;
	margin:0px; padding:0px;
	background-color:#98cce6;
}

form {
	padding:0px;
	margin:0px;
}

h3 {
	font-size:12px;
	line-height:24px;
	font-weight:bold;
}

h4 {
	font-size:12px;
	line-height:12px;
	padding:0px;
	margin:0px;
}

img { border:0px;}

#wrapper {
	position:relative;
	height:100%;
	width:735px;
	padding:0px; margin:0px;
}

#header { display:block;}

#top_navigation { display:block;}
#logo { display:none;}


#wrapper_two {
	position:relative;
}

#block_1 { display:block;}

#block_2 { }

.top_left_block {}

.top_right_block {}

.bottom_left_block { 
	width:100%;
	border-bottom:1px solid #d2e4ee;
}

.bottom_right_block {
	width:100%;
	border-bottom:1px solid #648ca1;
}

#footer { display:none;}


/*	Buttons	*/
.submit_button_wrapper input {
	margin: 0;
	padding: 0;
}

.submit_button_wrapper {
	
}




.save_submit_button, .save_blocked_number_submit_button {
	width:70px;
	height:22px;
	background-image:url(http://webhosts.cisdata.net/resources/images/spt/buttons/bt-save-blue.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.cancel_call_request_submit_button {
	width: 109px;
	height: 22px;
	background-image: url(http://webhosts.cisdata.net/resources/images/spt/buttons/bt-ctt-cancelthiscall.gif);
	background-repeat: no-repeat;
background-position:0px 0px;
margin-bottom: 0.5em;

}





.report_history_submit_button {
	width:70px;
	height:22px;
	background-image:url(http://webhosts.cisdata.net/resources/images/spt/buttons/bt-search-blue.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}


#clear_holiday_button { 
display:block; 
background-image:url(http://webhosts.cisdata.net/resources/images/spt/buttons/bt-clear-blue.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
width:70px;
	height:22px;
}

#clear_holiday_button div {
visibility:hidden;
	width:70px;
	height:22px;
}


.clear_step_button { 
display:block; 
background-image:url(http://webhosts.cisdata.net/resources/images/spt/buttons/bt-clear-blue.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.clear_step_button div {
visibility:hidden;
	width:70px;
	height:22px;
}


.linear_header { height:16px;}
.linear_header h4 { height:16px; line-height:16px; display:block;}

#history_section p { margin:0px; padding:10px 0px 10px 3px;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	old stuff to test
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.hide_if_javascript_enabled {
	display: none;
}


.linear td, .toggle td {
	margin-right: 1em;
	padding-right: 5px;
}


a {
	outline: none;
	text-decoration:none;
}

td, ol, p, label, select, option, input, textarea, a, abbr {
	font-family: sans-serif;
	font-size: 12px;
}

abbr {
	margin: 0 0 0.5em 0.5em;
	font-size: smaller;
	padding:0px;
}

select, input {
	padding: 1px;
	margin: 0.2em 0.2em 0.2em 0.3em;
}

p {
	margin: 0em 0 1.2em 0;
}



ul.errors {
  background-color: #fff6bf;
  padding:0px;
  padding-bottom:5px;
  margin: 0.7em;
  border: 2px solid #ffd324;
}

ul.errors li, .error {
  font-size:12px;
  color: red;
  list-style-type:none;
	margin: 4px 0 0 5px;
	padding: 4px 0 0 20px;
  background-image:url(/images/error.gif);
  background-repeat:no-repeat;
  background-position:top left;
  height:16px;
}

ul.errors li p{
} 


.flash {
  font-style:italic;
  color: green;
}

.selected {
  background-color:#D6EFA8;
}

div.fieldWithErrors {
	  display: inline;
}

td.fieldWithErrors, .fieldWithErrors input, .fieldWithErrors select {
	background-color: yellow;
}


.selected {
	background-color: cyan;
}



td { margin:0; padding:3px 2em 3px 3px; }

table {	border-collapse:collapse; border-spacing:0; margin:0 0 0.3em 0; padding:0px;}
table thead { height:20px; padding:0px;}
table thead tr { border-bottom:1px solid #000000;} 
table thead tr td { padding:0px; margin:0px; height:20px;}
table thead tr td h4 { padding:0px; margin:0px; height:24px; line-height:24px;}

tbody {}



tr.even { background-color: #abd9f0;}

tr.odd {}

td.last {}

tr.selected { background-color: #D6EFA8;}

textarea { width: 600px; height:300px;}







/* This is a very basic stylesheet for the date-picker. */
/* The wrapper div */
.datePicker {
	position: absolute;
	min-width: 21em;
	width: 21em;
	z-index: 9999;
	text-align: center;
	background:transparent;
}

/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
.iehack {
	position: absolute;
	background: #fff;
	z-index: 9998;
	padding: 0;
	border: 0;
	display: none;
}

/* The button created beside each input */
.date-picker-control {
	border: 0 none;
	padding: 0;
	margin-left: 4px;
	background: transparent url(/images/cal.gif) no-repeat 0 0;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	vertical-align:top;
	cursor:pointer;
}

/* The next & previous buttons */
.datePicker th button {
	display: inline;
	padding: 0;
	margin: 0;
	color: #000;
	height: 1em;
	width: 0.8em;
	line-height: 0.8em;
	border-width: 0;
	background: transparent;
	font-weight: bold;
	cursor: pointer;
}

.datePicker th button:active,
.datePicker th button:focus,
.date-picker-control:active,
.date-picker-control:focus {
	outline:none;
}

.datePicker th button.prev-but {
	text-align:left;
}

.datePicker th button.next-but {
	text-align:right;
}

/* The mon, tue, wed etc day buttons */
.datePicker th button.fd-day-header {
	text-align:center;
	margin:0 auto;
	height:auto;
	width:auto;
	text-decoration:none;
	line-height:1.4em;
}

/* The table */
.datePicker table {
	position:relative;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	background:#fff url(/images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
	text-align:center;
	width:100%;
}

.datePicker table tfoot td {
	background:#fff url(/images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
}

/* Common TD & TH styling */
.datePicker table td {
	border: 1px solid #ccc;
	padding:0.6em 0.5em 0.5em 0.5em;
	/* Opera requires a line-height bigger than 1em in order to redraw properly */
	line-height:1.2em;
	cursor:default;
	background:#fff url(/images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -50px;
}

.datePicker table th {
	border:0 none;
	padding:0;
	line-height:1em;
	font-weight:bold;
	color:#222;
	text-align:center;
}

/* The mon tue wed etc day header button styles */
.datePicker table th.date-picker-day-header {
	text-transform:lowercase;
	cursor:help;
}

/* The todays date style */
.datePicker table td.date-picker-today {
	background:#fff url(/images/bullet2.gif) no-repeat 0 0;
	color:rgb(100,100,100) !important;
}

/* The selected date style */
.datePicker table td.date-picker-selected-date {
	color:#333 !important;
  border-color:#333 !important;
}

/* the highlight days style */
td.date-picker-highlight {
	color:#a86666;
}

/* The date out of range style */
.datePicker table td.out-of-range {
	color:#ccc !important;
	font-style:oblique;
	background:transparent !important;
	cursor:default !important;
}

/* The disabled days style */
.datePicker table td.day-disabled {
	color:#aaa !important;
	background:transparent !important;
	cursor:default !important;
}

/* The active cursor style */
.datePicker table td#date-picker-hover {
	background:#fff url(/images/bg_header.jpg) no-repeat 0 0;
	cursor:pointer;
	border-color:rgb(100,130,170);
	color:rgb(100,130,170);
}

/* Remove the images for Internet Explorer <= v6 using the * html hack */
* html .datePicker table td.date-picker-selected,
* html .datePicker table td.date-picker-hover,
* html .datePicker table td {
	background-image:none;
}


/********* These are the forms that popup on the website ****************/

/* BOTH FORMS */

#button_controller { margin:0px; padding:0px; position:relative; background-color:#FFFFFF;	background-image:url(http://webhosts.cisdata.net/resources/images/spt/bg-form.gif);	background-repeat:repeat-x;	background-position:top;}
#button_controller form {padding:0px; margin:0px;}

#call_request_controller { margin:0px; padding:0px; position:relative; background-color:#FFFFFF;	background-image:url(http://webhosts.cisdata.net/resources/images/spt/bg-form.gif);	background-repeat:repeat-x;	background-position:top; position:relative; height:100%;}
#call_request_controller form {padding:0px; margin:0px;}

.request_form_layout { position:relative; height:300px; background-color:#98cce6; margin:20px; border:1px solid #4B6B7B;	border-top-color:#D2E4EE;	border-left-color:#D2E4EE;}

#header_text_building_block {font-weight:bold; margin-top:20px; font-size:14px;}
#phone_number_prompt_building_block {margin:0px;}
#disclaimer_text_building_block { font-style:italic; margin:0px;}
#popup_footer { text-align:center; color:#000000; font-size:10px; padding: 0px;}


/* AVAILABLE FORM */

#wrapper_for_open_request_form {height:300px;}

#wrapper_for_open_request_form #phone_number_prompt_building_block {margin:16px 0px 0px 0px; padding:0;}
#wrapper_for_open_request_form #phone_number_input_building_block {padding:0; margin:0;}

#wrapper_for_open_request_form #phone_number_ex_prompt_building_block {margin:16px 0px 0px 0px; padding:0;}
#wrapper_for_open_request_form #bypass_sequence_input_building_block {margin:0; padding:0;}

#wrapper_for_open_request_form_submit_building_block {margin:16px 0px 0px 0px; padding:0px; height:22px; width:109px; background-image:url(http://webhosts.cisdata.net/resources/images/spt/buttons/bt-ctt-callmenow.gif); background-position:0px 0px; background-repeat:no-repeat;}

#open_request_form_submit_building_block {margin:0px; padding:0px; height:22px; width:109px;}





/* UNAVAILABLE FORM */


#wrapper_for_closed_request_form {}

#name_prompt_building_block {display:block; position:absolute; top:100px; left:52px;  width:130px; height:14px;}
#name_input_building_block {position:absolute; top:114px; left:52px; padding:0; margin:0;}

#wrapper_for_closed_request_form #phone_number_prompt_building_block {display:block; position:absolute; top:100px; left:205px;  width:130px; height:14px;}
#wrapper_for_closed_request_form #phone_number_input_building_block {position:absolute; top:114px; left:205px; padding:0; margin:0;}

#wrapper_for_closed_request_form #phone_number_ex_prompt_building_block {display:block; position:absolute; top:100px; left:355px; height:14px; width:60px; }
#wrapper_for_closed_request_form #bypass_sequence_input_building_block {position:absolute; top:114px; left:355px; padding:0; margin:0; width:60px;}

#email_prompt_building_block {margin:46px 0px 0px 0px;}
#email_input_building_block { padding:0; margin:0;}

#comment_text_prompt_building_block {margin:16px 0px 0px 0px;}
#comments_input_building_block {width:400px; height:100px;}

#bottom_text_building_block {font-weight:bold; margin:10px 0px 10px 0px;}

#wrapper_for_closed_request_form_submit_building_block {margin:16px 0px 0px 0px; padding:0px; height:22px; width:109px; background-image:url(http://webhosts.cisdata.net/resources/images/spt/buttons/bt-ctt-callmeASAP.gif); background-position:0px 0px; background-repeat:no-repeat;}

#closed_request_form_submit_building_block {margin:0px; padding:0px; height:22px; width:109px;}
