a img { border:none;} /* WHY IS MS IE SO DENSE?!? */

#session_timer_div {
    position:fixed;
    top:0px;
    right:55px;
    padding:10px;
    z-index:95847;
    background:#FFFF00;
    border:1px solid #CCC;
    text-align:center;
    font: 9px Arial,Helvetica,sans-serif;
}
#sto_reset_timeout,
#sto_relogin_div,
#add_hotel_info,
#edit_hotel_info {
    padding:10px;
    background:#FFFF00;
    border:1px solid #CCC;
    height:160px;
    width:350px;
    text-align:center;
    display:none;
}
#sto_relogin_div > h3 {
    margin-top:5px;
}
.hotel_filter_label {
    float:right;
    border:1px solid gray;
    padding: 0px 4px 4px 8px;
}
#add_hotel_info,
#edit_hotel_info {
    background:#99FF99;
    height:200px;
}
#edit_hotel_info {
    height:225px; /* allowance for delete control */
}
#add_hotel_info {
    background:#CCCCFF;
}
#add_hotel_info input,
#edit_hotel_info input {
    margin-bottom:0px;
}
#add_hotel_info input.long,
#edit_hotel_info input.long {
    width:200px;
}
#add_hotel_info input.short,
#edit_hotel_info input.short {
    width:50px;
}
div.hotels_list {
    cursor:pointer;
}
div.hotels_list:hover {
    background:#EEEEEE;
}
div#module_output {
    border-top:1px solid black;
    margin-top:10px;
    clear:left;
}
div#module_output textarea.campaigns_stats_report {
    width:100%;
    height:150px;
}

div#ajax_loader_bar,div.ajax_loader_bar {
    width:220px;
    margin:0px auto;
    display:none;
}
#sto_reset_timeout,
#sto_relogin_div,
#edit_hotel_info,
.fadePopDiv {
    /* these are essential for fadePop to work */
    left: 50%;
    top: 50%;
    position: fixed;
    z-index: 9999;
    clear:inherit !important;
    float:inherit !important;
}
#fade {
    background: #000;
    display: none;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    position: fixed;
    z-index: 9991;
}

#main{
	position: relative;
	margin-left:auto;
	margin-right:auto;
    overflow:auto; /* to help with vertical container collapse to enclose floated elements */
	/* top:150px; */
	width:750px;
	/* color: white; */
	
	/* top: 200px;
	   left: 1px;
	   right: 1px;
	   border: solid red 1px; 
	*/
	/* background-color: #000000; */
}

#main > div.page_header {
	margin-bottom:50px;
	text-align:center;
	width:100%;
}
#main > div.page_footer {
	text-align:center;
	width:100%;
	clear:both;
}

/* START: CIRCLE BUTTONS - MAIN NAVIGATION */

#main > ul.plain_list { display:none; }
#main > ul.dashboard {
	width:150px; /* need to identify a way to make this LI group AUTO-CENTER! auto-width! */
	list-style:none;
	padding-left:0px;
	margin-left:auto;
	margin-right:auto;
}
#main > ul.dashboard {
	width:750px; /* override the above width spec in a single declaration */
}

#main > ul.dashboard > li {
    float:left;
    text-align:center;
}
a.pnl_button,a.pmgr_button,a.code_gen_button,a.code_find_button,a.itinerary_button {
	display:block;
	width:150px;
	height:186px;
	margin-bottom:10px; /*  src="/assets/images/Dashboard_PLbutton.jpg" */
	background:transparent url('/assets/images/Dashboard_PLbutton.jpg') center top no-repeat;
}
a.pnl_button:hover {
	background-image: url('/assets/images/Dashboard_PLbutton_ON.jpg');
}

a.pmgr_button {
	background:transparent url('/assets/images/Dashboard_PMgrbutton.jpg') center top no-repeat;
}
a.pmgr_button:hover {
	background-image: url('/assets/images/Dashboard_PMgrbutton_ON.jpg');
}

a.code_gen_button {
	background:transparent url('/assets/images/Dashboard_CGbutton.jpg') center top no-repeat;
}
a.code_gen_button:hover {
	background-image: url('/assets/images/Dashboard_CGbutton_ON.jpg');
}

a.code_find_button {
	background:transparent url('/assets/images/Dashboard_CFbutton.jpg') center top no-repeat;
}
a.code_find_button:hover {
	background-image: url('/assets/images/Dashboard_CFbutton_ON.jpg');
}

a.itinerary_button {
	background:transparent url('/assets/images/Dashboard_ITINbutton.jpg') center top no-repeat;
}
a.itinerary_button:hover {
	background-image: url('/assets/images/Dashboard_ITINbutton_ON.jpg');
}

/* END: CIRCLE BUTTONS - MAIN NAVIGATION */

span.span_box {
    border:1px solid #AAAAAA;
    padding:3px;
}
span.campaign_row { display:table-row; }
span.campaign_cell { display:table-cell; }
span.campaign_cell.align_right { text-align:right; padding-left:10px; }

#login_form {
	text-align:center;
}
.subtitle {
	color:#008A99;
	margin-bottom:20px;
	font-family:sans-serif;
	font-size:12pt;
}

.left_column_float{
	position:relative;
	float:left;
	width:450px;
	min-height:250px;
	height:auto !important;
	height:250px; /* for MS IE's benefit */
}
.output_div{
	margin-left:20px;
	float:left;
	width:275px;
    background-color:#f5f5ff;
	font-size:12pt;
	font-family:sans-serif;
	min-height:250px;
	height:auto !important;
	height:250px; /* for MS IE's benefit */
}
.clear_left {clear:left;}
.clear_right {clear:right;}
.clear_both {clear:both;}
.float_left {float:left;}
.float_right {float:right;}
.float_center {/* yea, wouldn't that be nice! */}
br.clear {clear:both;}
hr.clear {clear:both;}
div.clear {clear:both;}

.welcome_bar b {color:#2E2B6E;}
.welcome_bar a:link {color:#395EAC;}
.welcome_bar a:visited {color:#395EAC;}
.welcome_bar a:hover {color:#395EAC;}
.welcome_bar a:active {color:#395EAC;}

.field_title {	
	color:#323074;
}
fieldset.field_title {
	font-size:12pt;
	font-family:sans-serif;
}
fieldset label {
	font-size:12pt;
	font-family:sans-serif;
}
#login_form .rnd_border {
	position:relative;
	background:url('/assets/images/login_box.jpg') no-repeat;
	width:252px;
	height:42px;
	margin-left:auto;
	margin-right:auto;
	border:none;
	text-align:center;
	font-size:18pt;
	color:#CCC;
}
.error_field {
	/* border:1px solid #f00; */
	background-color:pink;
	color:#008A99;
}

#login_form .submit_btn {
    width:100px !important;
    margin-left:auto;
    margin-right:auto;
    font-size:12pt;
    font-weight:bold;
}

.find_codes_form { width:100%; }
.ost_code_generator_div {}
.ost_code_generator_form_wrap { width:95%; }

/* ************* REPORT ************** */
.left_column_report{
	margin-top:50px;
	position:relative;
	width:450px;
	height:250px;
	margin:0px auto;
}
.report_output {
	display:none;
	margin:0px auto;
	width:660px;
}

.date_col,.certnum_col,.aircost_col,.roomcost_col,.moneypaid_col,.revenue_col {
	display:inline-block;
	width:100px;
	font-family:sans-serif;
	font-size:12pt;
}
.certnum_col {
	width:150px;
}
.aircost_col {
	width:100px;
}
.roomcost_col {
	width:100px;
}
.moneypaid_col {
	width:100px;
}
.revenue_col {
	width:100px;
}

.rpt_header {
	margin-top:10px;
	margin-bottom:10px;
}
.rep_row {
	width:100%;
}
.report_criteria {
	text-align:center;
}
/* ************* END-REPORT ************** */

#left_column {
    float:left;
    width:200px;
    color:white;
    background-color:#4293c9;
    height:100%;
    font-family: Arial,Helvetica,sans-serif;
}
#left_column a:link,
#left_column a:visited,
#left_column a:hover,
#left_column a:active {
    text-decoration: none;
    color:white;
}
#left_column #menu_list {
    padding:0px;
}
#left_column #menu_list li {
    list-style-type:none;
    padding:10px 0 10px 30px;
}
#menu_list.additinerary .additinerary {
    background-color:white;
}
#menu_list.additinerary .additinerary a {
    color: #2c2b6d;
}
#main_page_body {
    float:left;
    width:540px;        /* 540 width + 10px padding = 550 width of parent container! */
    padding-left:10px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11pt;
}
#copyright_date {
    text-align:center;
    font-size:9pt;
}
.blue_bg {
    background-color:#F0F8FF;
}

/* ************* NAVIGATION ************** */
.nav_tab_group {/* position:relative; left:0px; */ height:29px; }
.a_nav_tab {margin-left:2px; position:relative;}
.a_nav_tab img {vertical-align:middle;}
.a_nav_tab img.sml_tab {display:none;}
/* ************* END-NAVIGATION ************** */

.hide,.hide_for_search {display:none;}
.pointer {cursor:pointer;}
.busy {cursor:wait;}
.disabled {cursor:default;}
.red     {color:red;}
.green {color:green;}
.blue   {color:blue;}
.shade {background-color:#DDDDDD;}

.output_img {
	vertical-align:bottom;
}
form fieldset {width:inherit;}
form input {margin-bottom:15px;}
form input.no_bottom_margin  {margin-bottom:0px;}
form .date_input {width:375px;}
form .date_input_wrap {position:relative;}
form .date_input_calendar {
	position:absolute;right:20px;top:3px;height:16px;width:16px;cursor:pointer;
}

form .date_report_wrap {position:relative;}
form .date_report {width:328px;}
form .date_report_calendar {
	position:absolute;right:20px;top:3px;height:16px;width:16px;
}

form .certprog_report{width:320px;}
form .certprog_input {width:70px;}
form .certnum_input {width:185px;}
form .monies_rec {width:286px;}
form .room_cost {width:327px;}
form .air_cost {width:348px;}
form .submit_btn {
	width:410px;
	height:30px;
	background-color:#323074;
	color:white;
	text-align:center;
	cursor:pointer;
}

input#show_itin_form_btn, 
input#new_itin_submit_btn, 
input.submit_btn, 
input.block_centered_btn {
  display: block;
  margin: 15px auto;
  width: 250px;
}

input#show_itin_form_btn {
  font: 24px bold Arial,Helvetica,sans-serif;
  height: 40px;
  margin: 20px 0;
}

label.line_label, 
label.line_label_radio, 
label.line_label_long, 
label.line_label_short, 
label.line_label_narrow {
  clear: left;
  float: left;
  padding-top: 7px;
  width: 225px;
}

label.line_label_radio {
  width: 385px;
}

br.br_extra_space {
  line-height: 35px;
}

/* -- MODULES -- */

div#module_menu {
    margin:20px auto;
    width:350px;
}

table.found_records {
    border-bottom:1px solid #000000;
}
table.found_records td {
    border-left:1px solid #999999;
}
table.found_records td:first-child {
    border-left:0px;
}

div.hotel_details_div {
}

#found_in_report {
    background:#CCFFCC;
    padding:10px 0px;
}

/* -- END: MODULES -- */

/* -- BEGIN: critical for render of calendar.js */
/* (these rules moved to js_calendar.css) */
/* -- END: critical for render of calendar.js */

/*============= Responsive Rules Groups ====================================================================*/
/*-------------------995----------------------*/
@media only screen and (max-width:995px) {
}

/*-------------------768----------------------*/
@media only screen and (max-width:768px) {
}

/*-------------------640----------------------*/
@media only screen and (max-width:640px) {
    #main {
        width:625px;
    }
    #main > ul.dashboard {
        width:465px;
    }
    .left_column_float{ float:none; margin-left:auto; margin-right:auto; }
    #add_a_cert_form .certprog_input { width: 50px; }
    #add_a_cert_form .certnum_input { width: 185px; }
    body .calendar-box { left:180px !important; }
}

/*-------------------480----------------------*/
@media only screen and (max-width:480px) {
    #main {
        width:465px;
    }
    .left_column_report { width: 460px; }
    .left_column_report,.left_column_float{ float:none; margin-left:auto; margin-right:auto; }
    #add_a_cert_form .certprog_input { width: 50px; }
    #add_a_cert_form .certnum_input { width: 205px; }
    body .calendar-box { left:130px !important; }
    fieldset label { font-size:10pt; }
}

/*-------------------360----------------------*/
@media only screen and (max-width:360px) {
    #main { width:345px; }
    #main > ul.dashboard { width:305px; }
    .nav_tab_group { width:345px; }
    .nav_tab_group .a_nav_tab { float:left; width: 80px;}
    .nav_tab_group .a_nav_tab img.big_tab {display:none;}
    .nav_tab_group .a_nav_tab img.sml_tab {display:inline;}
    .nav_tab_group .a_nav_tab img {
        /* position:absolute; */ 
        /* clip:rect(0px 115px 29px 30px); */
        /* left:-30px; */
    }
    
    /* scale down panel buttons to more tastefully fit on small screen */
    ul.dashboard li a.pnl_button, 
    ul.dashboard li a.pmgr_button, 
    ul.dashboard li a.code_gen_button, 
    ul.dashboard li a.code_find_button, 
    ul.dashboard li a.itinerary_button { 
        height:140px;
        background-size: 75% 100%;
    }
    
    .left_column_report,.left_column_float { width: 345px; }
    #add_a_cert_form #entry_date_cal { right:20px; }
    #add_a_cert_form #entry_date { width: 270px; }
    #add_a_cert_form .certprog_input { width: 50px; }
    #add_a_cert_form .certnum_input { width: 100px; }
    #add_a_cert_form .monies_rec { width: 182px; }
    #add_a_cert_form #room_cost { width: 225px; }
    #add_a_cert_form #air_cost { width: 248px; }
    #cert_report_form input.submit_btn { width: 310px; }
    #add_a_cert_form input.submit_btn { width: 315px; }
    
    #cert_report_form #cert_program { width: 220px; }
    #cert_report_form #start_date,
    #cert_report_form #end_date { width: 227px; }
    
    div.report_output,div.output_div{ width: 325px; }
    body .calendar-box { left:45px !important; }
    
    div.ost_find_codes_form { width: 310px; }
    div.ost_code_generator_div { width: 310px; }
    select#add_codes_to { display:block; }
    
    /* transpose table while keeping column header/data association intact */
    table.found_records tbody tr { float: left; }
    table.found_records tbody tr th,
    table.found_records tbody tr td{
        display: block;
        height: 20px;
        font-size:10pt;
    }
}

/*-------------------320----------------------*/
@media only screen and (max-width:320px) {
    #main > div.page_header img{
        width:100%;
    }
    .page_header .subtitle {
        font-size:10pt;
    }
    #main { width:305px; }
    /* #main > ul.dashboard { width:285px; } */
    .nav_tab_group { width:305px; }
    
    .left_column_report,.left_column_float { width: 305px; }
    #add_a_cert_form #entry_date_cal { right:20px; }
    #add_a_cert_form #entry_date { width: 230px; }
    #add_a_cert_form .certprog_input { width: 50px; }
    #add_a_cert_form .certnum_input { width: 75px; }
    #add_a_cert_form .monies_rec { width: 155px; }
    #add_a_cert_form #room_cost { width: 190px; }
    #add_a_cert_form #air_cost { width: 208px; }
    #cert_report_form input.submit_btn { width: 270px; }
    #add_a_cert_form input.submit_btn { width: 275px; }
    
    #cert_report_form #cert_program { width: 190px; }
    #cert_report_form #start_date,
    #cert_report_form #end_date { width: 197px; }

    .report_output,.date_col,.certnum_col,.aircost_col,
    .room_cost_col,.moneypaid_col,.revenue_col {
        font-size:9pt;
    }
    
}

/*
 *  /|\   IN ORDER FOR RESPONSIVE CSS DEFS TO BE EFFECTIVE, 
 * /_o_\  THE NORMAL RULES MUST BE SET **ABOVE** THESE MEDIA QUERIES!
 *  
 */

 
/*
 * THAT MEANS.... DO NOT PUT ANY STYLE RULES IN THIS AREA OF THE STYLE FILE
 * UNLESS THEY SUPPORT ADDITIONAL RESPONSIVE BEHAVIOR
 */