﻿/* Standard HTML Tags */

body {
	margin:0px;
	background-color: #FFFFFF;
	background-image:url(../webcoreimages/s_background.jpg);
	background-repeat:no-repeat;
	background-color:#03111a;
}

div {
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	color: #000000;
}

li {
	margin:0px;
}

hr {
	border-top:1px #c9c9c9  solid;
	border-bottom:0px;
}

form {
	margin:0px;
}

a {
	color: #bb202e;
	text-decoration:none;
}

a:hover {
	color: #bb202e;
	text-decoration:none;
}

ul {
	list-style:square;
}

table {
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
}

td {
	vertical-align:top;
}

h1 {
	color: #000000;
	font-family: Arial;
	font-size: 20px;
	font-weight:bold;
}

h2 {
	color: #990000;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
}

h3 {
	color: #000000;
	font-family:Arial;
	font-size: 14px;
	font-weight: bold;
}

img	{
	border:0px;
}

input {
	font-family: Arial;
	font-size: 14px;
}

select {
	font-family: Arial;
	font-size: 14px;
}

textarea {
	font-family: Arial;
	font-size: 14px;
}


/************* Other Styles ************/

.clear  {
    clear:both;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.input_button {
	background-color:#990000;
	color:#FFFFFF;
	border:1px #c9c9c9 solid;;
	cursor:pointer;
}

.table_all {
	border:1px #c9c9c9 solid;
	width:99%;
}

	.table_all td {
		padding:4px;
	}
	
.table_allnoborder {
	width:99%;
}

	.table_allnoborder td {
		padding:4px;
	}
	
.table_allnoborderpadding {
	width:99%;
}

	.table_allnoborderpadding td {
		padding:0px;
	}

.table_headright {
	color:#000000;
	font-weight:bold;
	border-right:1px #FFFFFF solid;
	border-bottom:1px #c9c9c9 solid;
	background-color:#eaeaea;
}

.table_headend {
	color:#000000;
	font-weight:bold;
	border-bottom:1px #c9c9c9 solid;
	background-color:#eaeaea;
}

.table_subheadright {
	color:#000000;
	border-right:1px #c9c9c9 solid;
	border-bottom:2px #000000 solid;
}

.table_subheadend {
	color:#000000;
	font-weight:bold;
	border-bottom:2px #c9c9c9 solid;
}

.table_rowright {
	border-bottom:1px #c9c9c9 solid;
	border-right:1px #c9c9c9 solid;
}

.table_rowend {
	border-bottom:1px #c9c9c9 solid;
}

.table_subtotalright {
	color:#000000;
	font-weight:bold;
	border-right:1px #c9c9c9 solid;
	border-top:2px #c9c9c9 solid;
}

.table_subtotalleft {
	color:#000000;
	font-weight:bold;
	border-top:2px #c9c9c9 solid;
}

.error_text {
	padding:2px;
	background-color:#ffd8d8;
	color:#ca0000;
	border:1px #eaeaea dashed;
	margin-bottom:5px;
}

.ok_text {
	padding:4px;
	background-color:#d0fccb;
	color:#000000;
	border:1px #eaeaea dashed;
	margin-bottom:5px;
}

.images {
	border:1px #c9c9c9;
}

.noborder {
	border:0px;
}

.nomargin {
	margin:0px;
}

.imageright {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.imageleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.highlight {
    background-color:#e2ecf6;
}

.box5 {
	float:left;
	width:5%;
}

.box10 {
	float:left;
	width:10%;
}

.box15 {
	float:left;
	width:15%;
}

.box20 {
	float:left;
	width:20%;
}

.box25 {
	float:left;
	width:25%;
}

.box30 {
	float:left;
	width:30%;
}

.box35 {
	float:left;
	width:35%;
}

.box40 {
	float:left;
	width:40%;
}

.box45 {
	float:left;
	width:45%;
}

.box50 {
	float:left;
	width:50%;
}

.box55 {
	float:left;
	width:55%;
}

.box60 {
	float:left;
	width:60%;
}

.box65 {
	float:left;
	width:65%;
}

.box70 {
	float:left;
	width:70%;
}

.box75 {
	float:left;
	width:75%;
}

.box80 {
	float:left;
	width:80%;
}

.box85 {
	float:left;
	width:85%;
}

.box90 {
	float:left;
	width:90%;
}

.box95 {
	float:left;
	width:95%;
}

/*************/
/* Site Container Styles */
/*************/

#container_main_login {
	clear:both;
	overflow:auto;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-color:#03111a;

}

    #container_body_login {
	    margin-top:300px;
	    color:#FFFFFF;
    }

#container_main {
	clear:both;
	overflow:auto;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

	#container_main_content {
		overflow:auto;
	}
	
#container_header{
	clear:both;
	overflow:auto;
	background-color:#0b232f;
	height:100px;
}

    #container_header_box1 {
        float:left;
        width:580px;
    }
    
	    #container_header_box1_content {
		    padding:20px 0px 0px 20px;
	    }
			
    #container_header_box2 {
        float:left;
        width:300px;
    }
    
	    #container_header_box2_content {
		    
	    }
	    
#container_body {
	clear:both;
	overflow:auto;
}
	
	#container_body_content {
		padding:20px;
	}
	
    #container_body_box1 {
        float:left;
        width:300px;
        background-color:#eaeaea;
    }
    
	    #container_body_box1_content {
		    padding:20px;
	    }
			
    #container_body_box2 {
        float:left;
        width:580px;
    }
    
	    #container_body_box2_content {
		    padding:20px;
	    }
	    
	#organize_body_box1 {
        float:left;
        width:300px;
        background-color:#eaeaea;
    }
    
    #organize_body_box2 {
        float:left;
        width:580px;
    }
    
	
#container_footer {
	clear:both;
	overflow:auto;
}

	#container_footer_content {
		overflow:auto;
		text-align:center;
		font-size:9px;
		color:#999999;
	}

/*************/
/* Site Specific Styles */
/*************/

.title_section {
    color: #000000;
	font-family: Arial;
	font-size: 18px;
	font-weight:lighter;
    border-bottom:4px #bb202e solid;
    margin-bottom:20px;
}

.option_box {
    clear:both;
    border:1px #d0cdc5 solid;
    overflow:auto;
}

    .option_box_icon {
        float:left;
        width:100px;
    }
    
        .option_box_icon_content {
            text-align:center;
            padding:10px 0px 10px 0px;
        }

    .option_box_text {
        float:left;
    }
    
        .option_box_text_content {
            padding:40px 0px 0px 0px;
            font-size:16px;
            color:#bb202e;
        }

.image_button {
    padding:0px 10px 0px 0px;
}

.grievance_warning {
    clear:both;
    border:1px #eaeaea solid;
    margin-bottom:10px;
    background-color:#fffee6;
    overflow:auto;
}

    .grievance_warning_content {
        padding:5px;
    }
    
        .grievance_warning_text {
            color:#CC0000;
            font-weight:bold;
        }
    
.grievance_ok {
    clear:both;
    border:1px #eaeaea solid;
    margin-bottom:10px;
    background-color:#d0fccb;
    overflow:auto;
}

    .grievance_ok_content {
        padding:5px;
    }
    
.search_box {
    background-color:#e2ecf6;
    margin-bottom:5px;
}

    .search_box_content {
        padding:4px;
    }

.pag_das_sea_sto_num {width:100px;}
.pag_das_sea_sto_nam {width:200px;}

.iframe_contracts {
    width:760px;
    height:800px;
}

#search_report {
    display:none;
    top:85px;
    left:50px;
    z-index:100px;
    width:280px;
    height:270px;
    background-color:#f7e4e6;
    overflow:auto;
    position:absolute;
    border:1px #FFFFFF solid;
}

    #search_report_content {
        padding:10px;
    }

        .search_report_item {
            clear:both;
            margin-bottom:5px;
        }

.contract_box {
    width:20%;
    float:left;
    height:225px;
    text-align:center;
    overflow:auto;
    border:1px #C9C9C9 solid;
    margin:2px;
}

    .contract_box_content {
        padding:15px;
    }

        .contract_item_pdf {
            clear:both;
            margin-bottom:5px;
        }

        .contract_item_title {
            clear:both;
            font-size:16px;
            font-weight:bold;
            margin-bottom:5px;
        }

        .contract_item_year {
            clear:both;
            font-size:11px;
            font-style:italic;
            height:15px;
        }

.active_table
{
    background-color: #990000; 
    color:#FFFFFF; 
}

.special_assignment
{
     background-color:#fffee6;
}

.time_off
{
     background-color:#EED2EE;
}


.menu_gri
{
    font-weight:bold;
    background-color:#0b232f;
}
.menu_grion
{
    font-weight:bold;
    background-color:#ffffff;
}

.menu_gri a
{
    color:#FFFFFF;
}


.menu_grion a
{
    color:#bb202e;
}

.container_notes {
    border:1px #C0C0C0 solid;
    padding:10px;
    margin-bottom:10px;
    background-color:#fffecc;
}

.search_print
{
    display:none;
}

.red
{
    color:#bb202e;
}

.organize_option_box {
    clear:both;
    border:1px #d0cdc5 solid;
    overflow:auto;
}

    .organize_option_box_icon {
        float:left;
        width:100px;
    }
    
        .organize_option_box_icon_content {
            text-align:center;
            padding:10px 0px 10px 0px;
        }

    .organize_option_box_text {
        float:left;
    }
    
        .organize_option_box_text_content {
            padding:40px 0px 0px 0px;
            font-size:16px;
            color:#bb202e;
        }
 
 .sr_chains
 {
     height:400px;
     overflow-y:scroll;
     overflow-x:none;
     display:none;
     z-index:100;
     position:fixed;
     background-color:White;
     border:1px solid black;
 }
        
.scroll-wrapper {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;

	/* important:  dimensions or positioning here! */
}       