@media screen
{

    html {
	    height: 100%;
    }

    body
    {
	    margin:0 0 0 0;
	}
	
    *{font-family:sans-serif;}

    #top
    {
        margin:0 0 0 0;
        background-image:url(../../images/bg-top.png);
        background-repeat:repeat-x;
	    
	}
	#header_image_wrapper
	{
	    width:960px;height:85px;margin:0 auto;
	    padding-top:5px;
	    padding-bottom:5px;
	}
    .display_inline{display:inline;}
    .display_none{display:none;}
    .display_block{display:block;}
    
    #menu
    {
	    padding: 2px 2px 2px 2px;
	    margin:0 0 0 0;
	    color:#ffffff;
	    white-space:nowrap;
	    background-color:#3a4760;
	    text-align:center;
    }

    #menu a{color:#ffffff;font-weight:bold;font-size:12px;margin-right:0.75em}
    
    #menu1
    {
	    padding: 2px 2px 2px 2px;
	    margin:0 0 0 0;
	    color:#ffffff;
	    white-space:nowrap;
	    background-color:#3a4760;
	    text-align:center;
    }

    #menu1 a{color:#ffffff;font-weight:bold;font-size:14px;}
    .divVersion {background: #3a4760;;color:#ffffff;font-weight:bold;font-size:9px;text-align: right;}


    #content
    {
	    padding:20px;
	    font-size:small;
	    background:#ffffff;
    }

    .role_bleep{font-weight:bold; color:#006600; font-size: 0.9em}

    .smalllink{font-size:0.75em;}

    /* this was replaced with a .net navigation group */
    .deptlist li{line-height:200%;}


    #footer{height:50px;text-align:center;}
    #verticalspace{width:1px;}

    /* list class for admin default */
    .mainlisting
    {
	    line-height:2em;
    }

    /*header and body table for the rota entry page*/
    #scroller {
        width: 100%;
         height: 500px;
         border: none;
         overflow: auto;
     }
     
    #staffdropdown, #updateID{width:300px}
    
    #header_table{border-collapse:collapse;}
    #header_table th{width:100px;height:50px;overflow:hidden;border:1px solid #333333}
    #header_table th div{width:100px;overflow:hidden;text-align:center;}  
    
    #body_table{border-collapse:collapse;}
    #body_table td{width:100px;height:50px;overflow:hidden;text-align:center;border:1px solid #333333}
    #body_table td div{width:100px;overflow:hidden;text-align:center;}  
    
    .caption_header{font-weight:bold;background-color:Black;color:White;}

    /*on call page classes */
    
    #site_label{cursor:pointer;color:Blue;text-decoration:underline;}
    /*#site_list{display:none;}*/
    
    .oncall_dept_table{width:100%;border-color:#999999;/*border-bottom:solid 4px #999999;*/}
    .oncall_dept_table1{width:100%;border-color:#999999;/*border-bottom:solid 4px #999999;*/background-color:#f0f0f0;}

    /*div{border:dotted 1px black;}*/
    
    .oncall_dept_container{/*width:250px;height:100%;*/}
    .oncall_dept_name{font-weight:bold;font-size:1.8em;}
    .oncall_dept_note{font-size:1em; width:500px; height:80px; overflow:auto;border:1px solid #cccccc;}
    .oncall_roles_container{}
    .oncall_dept_info{}
    .oncall_dept_numbers_link{color:Blue;text-decoration:underline;cursor:pointer}
    .oncall_dept_numbers_heading{font-size: inherit;color:Blue;text-decoration:underline;cursor:pointer}
    .oncall_dept_numbers{}
    
    .oncall_start_finish{font-size: 0.7em;}
    .oncall_body_contact{font-size: 0.7em;}
    .oncall_person{font-size:0.9em;font-weight:bold;}
    .oncall_edit{font-size: 0.7em;}
    
    .oncall_countdown{font-size: 0.7em;}
    .oncall_countdown_pending_end{font-size: 0.7em;background:red;color:white;font-weight:bold;}
    .oncall_countdown_pending_start{font-size: 0.7em;background:orange;color:white;font-weight:bold;}
    .oncall_changeback{font-size: 0.7em;background:blue;color:white;font-weight:bold;}
    
    .oncall_role{font-size: 0.9em;font-weight:bold;text-align:center;border-bottom:solid 1px #999;vertical-align:top;overflow:auto;}
    .oncall_cell{text-align:center;width:100px;/*height:150px;*/vertical-align:top;border-bottom:solid 1px black;}
    /*
    .oncall_container{width:100px;height:160px;border: 1px solid #cccccc;text-align:center;float:left;overflow:hidden;}
    .oncall_container_over{width:100px;height:160px;border: 1px solid #cccccc;text-align:center;background-color:#eeeeee;float:left; overflow:hidden;}
    */
    
    .oncall_container{width:10em;height:12em;border: 1px solid #aaaaaa;text-align:center;float:left;overflow:auto;}
    .oncall_container_over{width:10em;height:12em;border: 1px solid #aaaaaa;text-align:center;background-color:#cccccc;float:left; overflow:auto;}
    .oncall_container_pending{width:10em;height:12em;border: 1px solid #aaaaaa;text-align:center;background-color:#eeeeee;float:left; overflow:auto;}
    .oncall_no_data_cell{width:10em;height:12em;border: 1px solid #aaaaaa;text-align:center;background-color:#ffeeff;float:left; overflow:auto;}
    
    .oncall_no_data_message{background:red;color:White;font-weight:bold;font-size:0.7em;}
    
    
    .oncall_updated{text-align:center;background-color:#FF00FF;font-size:0.7em}
    .oncall_not_live{text-align:center;background-color:#dedede;width:100px}
    
    .oncall_datetimes{text-align:left;font-size:0.7em;white-space:nowrap;}
    .oncall_contact_header{font-weight:bold;}
    .oncall_contact_list{margin-top:0em;padding-left:1.75em}
    .notes{font-size:0.7em;background-color:Yellow;}
    .person_notes{font-size:0.7em;background-color:#87CEFA}
    .changed{background-color:#FF66FF;}
    .changeback{text-align:center;background-color:#6699ff;width:100px}
    
    /* rota insert/edit page */
    .rota_table{border-collapse:collapse;width:100%;}
    .boldtd {font-weight:bold;}
    .small{font-size:0.5em;}

    .bolddiv{font-weight:bold;overflow:hidden;width:inherit;}
    .day_date{width:auto;border-collapse:collapse;}
    
    .day_date td{font-weight:bold;}
    /* rota view day/day# column*/
    .day_name{font-weight:bold;}
    .date_no{font-weight:bold;}
    .date{width:100px;font-weight:bold;}
    .rota_header{cursor:pointer;width:100px;}
    .rota_header div{overflow:hidden;width:100px;}
    .grey_rota_header{background:#cccccc;}
    .absentwarning{font-size:0.7em;font-weight:bold;color:Red;display:block;}
    .d{text-decoration:none;font-weight:bold;font-size:0.85em;color:Black;cursor:pointer;}
    .u{font-size:0.7em;display:inline;padding-right:4px;cursor:pointer;color:Blue;text-decoration:underline;}
    .r{font-size:0.7em;display:inline;cursor:pointer;color:Blue;text-decoration:underline;}
    .cc{font-size:0.7em;display:block;cursor:default;background:purple;color:white;font-weight:bold;text-decoration:none;}
    .swap{font-size:0.7em;display:block;cursor:default;background:Lime;color:white;font-weight:bold;text-decoration:none;}
    .m{font-size:0.7em;display:block;cursor:default;background:red;color:white;font-weight:bold;text-decoration:none;}
    .multi{font-size:0.7em;display:block;cursor:default;background:lightskyblue;color:black;font-weight:bold;text-decoration:none;}
    .split{font-size:0.7em;display:block;cursor:default;background: lightgreen; color:black;font-weight:bold;text-decoration:none;}
    .not_required{font-size:0.7em;display:block;cursor:default;background:#999999;font-weight:bold;text-decoration:none;}
    .na{font-size:0.7em;display:block;}
    .absent_note{font-size:0.7em;display:block;color:#ff0000;}
    
    .rota_cell_width{width:100px;height:50px;}
    .remove{margin-left:2px;font-weight:bold;color:Red;cursor:pointer}
    .role_text{}
    .absence_text{}
    .rota_absence {
        color: red;
    }
    /* row1 used for AlternatingRowStyle CssClass */
    .row1{background-color:#E6F1F7;}
    .row2{background-color:#ffffff;}

    /* used on rota edit/insert page */
    .weekend{background-color:#dddddd;}
    .bank_holiday{background-color:#ffdddd;}
    
    .highlight{background-color:#ffff66 !important;}
    .highlight_pale{background-color:#ffffcc;}
    .highlight_pink{background-color:Fuchsia}

    /* used for forms/gridviews/detailsviews */
    .formlabel{font-weight:bold;text-align:right;}
    .headerstyle{color:#ffffff;background-color:#000000;border: 2px solid black;}
    .headerstyle a{color:#ffffff;}
    
    
    /*rota report table*/
    .report_dept_header{font-weight:bold;font-size:1.5em;}
    .report_role_header{font-weight:bold;text-align:center;color:White;background:black;border:1px solid white;}
    .report_row1{}
    .report_weekend{background-color:#dddddd;}
    
    /*hide items that may be for print only*/
    .noscreen{display:none;}
    
    /* jquery ui pop up size */
    .ui-widget{ font-size: 0.8em; }
    
    /*  */
    .show_pointer {
        cursor: pointer;
    }
}

@media print
{   
    td{font-size:0.75em}
    th{font-size:0.75em}
    h1{font-size:1.2em}
    h2{font-size:1em}
    .noprint{display:none;}    
    /*.rota_cell_height{width:0px;height:20px;}*/
    .rota_cell_width{width:100px;height:0px;}
    .u{display:none;}
    .r{display:none;}
    
    a{text-decoration:none; color:#000000;}
        /*on call page classes */
    .oncall_dept_table{/*width:100%;*/border-collapse:collapse;border-color:#999999;border-bottom:solid 4px #999999;}
    .oncall_dept_table1{/*width:100%;*/border-collapse:collapse;border-color:#999999;border-bottom:solid 4px #999999;}

    /*div{border:dotted 1px black;}*/

    .oncall_dept_name{font-weight:bold;font-size:1.2em;text-align:left;width:200px;vertical-align:top;}
    .oncall_dept_numbers{font-size: 0.7em;}
    .oncall_start_finish{font-size: 0.7em;}
    .oncall_body_contact{font-size: 0.7em;}
    .oncall_person{font-size:0.8em;font-weight:bold;}
    .oncall_edit{font-size: 0.7em;}
    .oncall_countdown{display:none}
    .oncall_role{font-size: 0.8em;font-weight:bold;text-align:center;border-bottom:solid 1px #999;vertical-align:top;overflow:auto;}
    .oncall_cell{text-align:center;width:100px;/*height:150px;*/vertical-align:top;border-bottom:solid 1px black;}
    /*.oncall_container{width:100%;height:100%;}*/
    .oncall_updated{display:none}
    .oncall_not_live{display:none}
    
    .department_container{page-break-after:always;}
    .oncall_container{width:10em;height:12em;border: 1px solid #aaaaaa;text-align:center;float:left;overflow:auto;}
    .oncall_container_over{width:10em;height:12em;border: 1px solid #aaaaaa;text-align:center;float:left;overflow:auto;}
    .oncall_container_pending{width:10em;height:12em;border: 1px solid #aaaaaa;text-align:center;float:left;overflow:auto;}
    .oncall_no_data_cell{width:10em;height:12em;border: 1px solid #aaaaaa;text-align:center;float:left;overflow:auto;}
    

    .oncall_datetimes{text-align:left;font-size:0.8em;white-space:nowrap;}
    .oncall_contact_header{font-weight:bold;}
    .oncall_contact_list{margin-top:0em;padding-left:1.75em}
    .notes{display:none}
    .changed{display:none}
    /*the user guide icon*/
    .guide{display:none}
    
    /*rota report*/
    .report_dept_header{font-weight:bold;font-size:1.5em;}
    .report_role_header{font-weight:bold;text-align:center;}
    
}