/* 
    Document   : style
    Created on : May 14, 2013, 2:30:13 PM
    Author     : bkemp
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
.show_elem {display:block;}
.hide_elem {display: none;}
h1, h2, h3, h4, h5, div,body,header,footer,fieldset,nav,pre {
    margin:0px;
    padding:0px;
    /*font-family:Helvetica,Arial,sans-serif;*/
    font-family:Calibri;
    /*font-size: 14px;*/
    display: block;
}

input[type=radio]{
    width:1.5em;
    height:1.5em;
}

pre{
    padding:5px;
}
.title {
    font-family:Verdana;
        margin:0px;
    padding:0px;
    display: block;
    color:white;
    font-weight: normal;
}



input[type=text]{
    margin:3px;
  /*  float:left;*/
}
input[type=checkbox]{
    float:left;

}
label{
    float:left;
    margin-top:7px;
    font-weight:bold;
/*    width:120px;*/
    text-align: right;
}

.addtitle{
    cursor: hand;
    cursor: pointer;
    cursor: url(../images/info_cursor.png) 15 7, pointer;
}

.qtip-larger-text{
	font-size: 16px;
}

body{
/*background: url(../images/bg.jpg) no-repeat center center fixed; */
background: #F0F0F0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
min-width: 100%;
}

.body_login{
/*background: url(../images/bglogin.jpg) no-repeat center center fixed; */
background: #BED88F;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
min-width: 100%;
}

img{
    border:0px
}

#content{
    padding:10px 0px 10px 10px;
    display: block;
}

.clear{
    float: none;
    clear:both;
    padding: 0px;
    margin:0px;
    height:0px;
    line-height: 0px;
}



footer{

    height:25px;    
    width:100%;
}

#footer-content{
    color:white;
    padding:10px 0px 10px 10px;
}



#setup_message{
    
    padding:30px;
    -moz-border-radius:5px;  
    border-radius: 5px;  
    -webkit-border-radius: 5px;
    -moz-border-radius:  5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0 ;
    -khtml-border-radius: 5px 5px 0 0 ;
    border-radius: 5px 5px 5px 5px ;
    background-color: #0070A3;
    color: #E4F1FB;
    border:1px solid #0070A3;
        margin-left: auto;
    margin-right: auto;
    width:400px;
    text-align: center;
}
header{
    /*background: #111111 url(custom-theme/images/ui-bg_gloss-wave_45_817865_500x100.png) top repeat-x;*/
    height:100px;
    width:100%;
    padding: 0px;
    position: relative;
    display: block;
}
#PageMessage{
    padding-top:10px;
}
#PageMessage div{
    margin-left: auto;
    margin-right: auto;
    padding:10px;
    width:50%;
    z-index: 1000;
    
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px gray;
    -webkit-box-shadow: 5px 5px 5px gray;
    box-shadow: 5px 5px 5px gray;
    
}

#PageMessage .message{
padding: 5px 5px;
font-weight: bold;
    text-align: center; 
    width:100%;
    display:block;
    
}
.message_icon {
  width:16px;
  height:16px;
  float:left;
}

#inact {
background-color: #F3F3F3;
color: #808080;
font-style: italic;
}


/* Blocks */



.metro_block_300x150{
    width:300px;
    height:150px;
}


.metro_block_145x150{
    width:146px;
    height:150px;
}


.metro_screen{
   /* -moz-border-radius:2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px gray;
    -webkit-box-shadow: 2px 2px 2px gray;
    box-shadow: 2px 2px 2px gray;*/
    float:left;
    display:none;
    margin:3px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width:98%;
   /* height:90%;*/
   min-height: 400px;
}

.metro_login_screen{
    -moz-border-radius:2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px gray;
    -webkit-box-shadow: 2px 2px 2px gray;
    box-shadow: 2px 2px 2px gray;
    float:left;
    display:none;
    position: absolute;
    top: 50%;
    left: 50%;
    width:600px;
    height:285px;
   margin-top: -300px; /* Half the height */
   margin-left: -300px; /* Half the width */
}

.metro_loginSSC_screen{
    -moz-border-radius:2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px gray;
    -webkit-box-shadow: 2px 2px 2px gray;
    box-shadow: 2px 2px 2px gray;
    float:left;
    position: absolute;
    top: 50%;
    left: 50%;
    width:600px;
    height:400px;
   margin-top: -300px; /* Half the height */
   margin-left: -300px; /* Half the width */
}

.metro_loginSTDBY_screen{
    -moz-border-radius:2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px gray;
    -webkit-box-shadow: 2px 2px 2px gray;
    box-shadow: 2px 2px 2px gray;
    float:left;
    position: absolute;
    top: 50%;
    left: 50%;
    width:500px;
    height:200px;
   margin-top: -200px; /* Half the height */
   margin-left: -250px; /* Half the width */
}

.metro_block {
    -moz-border-radius:2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 2px gray;
    -webkit-box-shadow: 2px 2px 2px gray;
    box-shadow: 2px 2px 2px gray;
    float:left;
    display:none;
    margin:3px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    cursor: hand;
    cursor: pointer;
}


.metro_block li {
    text-align: left;
    vertical-align:top;
    list-style-type: none;
    padding:2px;
}

.metro_block li a {
    color:white;
    text-decoration: none;
}

.metro_block ul{
    vertical-align: top;
    height:100%;
}

.metro_block:hover {
    filter: alpha(opacity=60); /* internet explorer */
    opacity: 0.6;           /* fx, safari, opera, chrome */
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-box-shadow: 1px 1px 1px gray;
    -webkit-box-shadow: 1px 1px 1px gray;
    box-shadow: 1px 1px 1px gray;
}

.metro_block_gray {
    filter: alpha(opacity=40); /* internet explorer */
    opacity: 0.4;           /* fx, safari, opera, chrome */
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-box-shadow: 1px 1px 1px gray;
    -webkit-box-shadow: 1px 1px 1px gray;
    box-shadow: 1px 1px 1px gray;
}

.metro_block_gray:hover{
    filter: alpha(opacity=40); /* internet explorer */
    opacity: 0.4;           /* fx, safari, opera, chrome */
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-box-shadow: 1px 1px 1px gray;
    -webkit-box-shadow: 1px 1px 1px gray;
    box-shadow: 1px 1px 1px gray;
}
.metro_block_icon {
    display:block;
    color: white;
    font-size:65px;
    text-align: center;
    text-shadow: 1px 1px 1px #333333;

}

.metro_title_icon{

    font-size:42px;
    text-align: center;
}
.metro_icon_button {
    display:block;
    color: white;
    font-size:18px;
    text-align: center;
    text-shadow: 1px 1px 1px #333333;
}
.metro_icon_button_black {
    display:block;
    color: black;
    font-size:18px;
    text-align: center;
    text-shadow: 2px 2px 2px #C0C0C0;
}



.metro_screen_nav_back{
    color:white;
    text-decoration: none;
    font-size: 20px;
    text-align: left;
    float:left;
    padding:5px;
}

.metro_screen_nav_back:hover{
    font-weight: bold;
}

.metro_screen_nav{
    color:white;
    text-decoration: none;
    font-size: 14px;
    text-align: right;
    float:right;
    padding:5px;

}

.metro_screen_nav:hover{
    font-weight: bold;
}


.metro_screen_viewport{
    width:85%;
    height:100%;
    display: block;
    float:left;
    padding-left:10px;
    padding-top:10px;
  /*   border-left:1px solid white;*/
  /*  min-height: 600px;*/
}
.metro_screen_title{
    text-decoration: none;
    font-size: 28px;
    display:block;
    text-align: center;
    /*padding-top:10px;*/
    padding-bottom:10px;
    border-bottom:1px solid;
    float:left;
    width:100%;
    white-space: nowrap;
    text-shadow: 2px 2px 2px #C0C0C0;
}




.metro_screen_nav_left{
    padding-top:5px;
    width:14%;
    height:100%;
    float:left;
    display:block;
    text-decoration: none;
    min-height: 600px;
}
.metro_block_thumb {
    width:100%;
    right:15px;
    height:80%;
    text-align: center;
}

.metro_block_title {
    color: white;
    font-size:18px;
    width:100%;
    display: block;
    position: absolute;
    bottom:5px;
    text-align: center;
}


/* Colors */
.metro_ltred {
    background-color: #FF0000;
    color: white;
    border:1px solid #C00000;
}

.ltred{
    color: #FF0000;
}

.metro_dkred {
    /*background-color: #C00000;*/
    background-color:#A20000;
    color: white;
    border:1px solid #800000;
}

.dkred{
    color:#C00000;
}

.metro_ltblue {
    background-color: #00A9EC;
    color: white;
    border:1px solid #006E9C;
}

.ltblue{
    color: #00A9EC;
}


.metro_ltgreen {
    background-color: #43B51F;
    color: white;
    border:1px solid #2C7014;
    
}

.ltgreen {
    color: #43B51F;
}

.metro_ltorange {
    background-color: #F48D00;
    color: white;
    border:1px solid #A45D00;
    
}
.ltorange {
    color: #F48D00;
}

.metro_ltpurple {
    background-color: #5F3BB9;
    color: white;
    border:1px solid #40287C;
    
}


.ltpurple {
    color: #5F3BB9;
}

.metro_dkgreen {
    background-color: #019C1A;
    color: white;
    border:1px solid #017511;
}
.dkgreen {
    color: #019C1A;
}
.metro_dkblue {
    background-color: #1660A4;
    color: white;
    border:1px solid #124B80;
}

.dkblue {
    color: #1660A4;
}
.metro_pink {
    background-color: #B01A40;
    color: white;
    border:1px solid #8D1537;
}

.pink {
    color: #B01A40;
}
.metro_gold {
    background-color: #DCBA01;
    color: white;
    border:1px solid #B59901;
}
.gold {
    color: #DCBA01;
}


/* End Colors */
#footerlogo{
    padding:20px;
    position: relative;
    background-color: #F0F0F0;
    width:97%;
}

#footerlogo #novantas{
    float:right;
    padding-top:33px;
}

#footer{
    display:block;
    bottom:0px;

    width:100%;
}

#login_title{
    color:white;
    font-size: 36px;
    width:100%;
    height: 75px;
    float:left;
    padding:10px;
}

#loginSSC_title{
    color:white;
    font-size: 24px;
    width:100%;
    height: 75px;
    float:left;
    padding:10px;
}

#loginSTDBY_title{
    color:white;
    font-size: 36px;
    width:100%;
    height: 75px;
    float:left;
    padding:10px;
}

#login_title2{
    color:white;
    font-size: 18px;
    font-weight:bold;
    width:100%;
    height: 32px;
    float:left;
    padding-left:20px;
}

.loginCredentials{
    height: 14px;
    font-size: 12px;
    font-weight: normal !important;
    }
    
#create_account_button{
    height: 24px;
    font-size: 12px;
    line-height: 18px;
    margin-top:3px;
    margin-bottom:3px;
    margin-left:5px;
   /* float:right;
    margin-right:25px;*/
}    

#none_button{
    height: 24px;
    font-size: 12px;
    line-height: 18px;
    margin-top:3px;
    margin-left:5px;
    margin-bottom:3px;
    visibility: hidden;
   /* float:right;
    margin-right:25px;*/
}  

.loginLabel{
    margin-left:50px;
}

#login_icon{
    color:white;
    width:200px;
    float:left;
}
#login_icon i{
    color:white;
    float:left;
    padding-top:15px;
    padding-left:60px;
    font-size:120px;
}

#loginSSC_icon{
    color:white;
    width:200px;
    float:left;
}
#loginSSC_icon i{
    color:white;
    float:left;
    padding-top:15px;
    padding-left:60px;
    font-size:120px;
}

#login_form{
    color:white;
    font-size: 18px;
    width:400px;
    float:right;
    margin-top:30px;;
}
#login_form input[type="text"],input[type="password"]{
    float:left;
    margin:5px;
    width:150px;
    height:20px;
}
#login_form label{
    color:white;
    float:left;
    width:150px;
}

#loginSSC_form{
    color:white;
    font-size: 18px;
    width:400px;
    float:right;
    margin-top:30px;;
}
#loginSSC_form input[type="text"],input[type="password"]{
    float:left;
    margin:5px;
    width:150px;
    height:20px;
}
#loginSSC_form label{
    color:white;
    float:left;
    width:150px;
}

#submit_login{
    float:right;
    margin:5px;
    margin-right:85px;
}

/* #reset_form{
    color:white;
    font-size: 18px;
    width:600px;
} */

/* Overrides */


div.ui-dialog-titlebar{
 font-size:.7em;
}

#PageMessage,#PageMessageError {
    display:block;
    z-index: 1000;
}
/*#login{
    display:block;
    z-index: -100;
}
*/


.schedule_container{
    background-color: #BC9A6A;
    
    -moz-border-radius:5px;  
    border-radius: 5px;  
    -webkit-border-radius: 5px;
    -moz-border-radius:  5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0 ;
    -khtml-border-radius: 5px 5px 0 0 ;
    border-radius: 5px 5px 5px 5px ;
    
    
    margin-top: 18px;
    margin-left:auto;
    margin-right:20%;
    width:600px;
    display:block;
    height:80px;
    text-decoration: none;
    padding-top: 18px;

}

.schedule_container:hover{
    
    filter: alpha(opacity=80); /* internet explorer */
    opacity: 0.8;           /* fx, safari, opera, chrome */
    
}

.schedule_container .metro_block_icon{
    float: left;
    text-align: left;
    height:80px;
    padding-left:20px;
    
}

.schedule_container h2{
    color:white;
    font-size:36px;
}

.schedule_container a{
    text-decoration: none;
}

#menu{
    position: absolute; 
    bottom: 0;
    width:700px;
    padding-left:10px;
    color:white;
}

#menu a{
   	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
        float:left;
	/*width: 150px;*/
        width:145px;
        font-weight: bold;
        color:white;
	text-align: center;
	text-decoration: none;
        z-index: 1000;
        height:20px;
        background: #57B6E7;
        opacity:0.8;
        filter:alpha(opacity=80);
        
        -moz-border-radius:5px;  
        border-radius: 5px;  
        -webkit-border-radius: 5px;
        
        -moz-border-radius:  5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0 ;
        -khtml-border-radius: 5px 5px 0 0 ;
        border-radius: 5px 5px 0 0 ;
        
}
#menu a:hover{
    background: #e4f1fb;
    color: #0070a3;
}

#header-user{
    position: absolute; top: 0; 
    right: 20px; 
    padding-right:10px;

}
#sddm
{	margin: 0;
	padding: 0;

	z-index: 1000}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
        width:200px;

	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	/*width: 150px;*/
        width:200px;
	/*background: #5970B2;*/
	/*color: #8D8574;*/
	text-align: center;
	text-decoration: none;
        z-index: 1000;
        height:20px;
}


#sddm li a:hover
{	/*background: #A5E55B;
        color: #019C1A;*/
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 2px 2px 2px 0;
        margin-left: 3px;
	/*background: white;*/
        width:210px;
        text-align: right;
        float: right;
	/*border: 1px solid #0070a3;*/
z-index: 1000;}

#sddm div a
{	position: relative;
        display: block;
        margin: 0;
        padding:2px 2px 2px 2px;
        white-space: nowrap;
        text-decoration: none;
        /*background: white;
        color: #019C1A;*/
        font: 11px arial;
        width:200px;
        text-align: right;
        float: right;
        z-index: 1000;
        font-weight:bold;
}

#sddm div a:hover
{	/*background: #A5E55B;
        color: #019C1A;*/
}



#Team_Header{
    margin-top:5px;
    margin-bottom:5px;
    padding:10px;
    border:2px solid white;
    width:98%;
        -moz-box-shadow: 2px 2px 2px gray;
    -webkit-box-shadow: 2px 2px 2px gray;
    box-shadow: 2px 2px 2px gray;
    /*background: white;*/
    /*opacity:0.8;
    filter:alpha(opacity=80);*/
}

#SSC_Header{
    margin-top:5px;
    margin-bottom:5px;
    padding:10px;
    border:2px solid white;
    width:98%;
        -moz-box-shadow: 2px 2px 2px gray;
    -webkit-box-shadow: 2px 2px 2px gray;
    box-shadow: 2px 2px 2px gray;
    /*background: white;*/
    /*opacity:0.8;
    filter:alpha(opacity=80);*/
}

#Team_Header table{
    width:100%;
    font-size: 18px;
}

.nohover:hover{
    filter: alpha(opacity=100); /* internet explorer */
    opacity: 1;           /* fx, safari, opera, chrome */
    cursor: default;
}

.stats_table{
    font-size:14px;
    width:99%;
}
.stats_table th{
    text-align: left;
    padding-right:2px;
}
.stats_table td{
    text-align: center;
}
.stats_table tr:nth-child(even) {
    background-color: #A5E55B;
}

#news{
    max-width: 1210px;
    height:35px;
    margin-top:3px;
    padding:5px;
    border:1px solid white;
    text-align:center;
    display:block;
}

.messages {
  /*width:16px;*/
  height:16px;
  float:right;
  text-decoration: none;
  color:black;
}

.tip-title{
    background: #B0DE78;
    color:#3F6239;
    padding:2px;
    margin:1px;
    font-weight: bold;
    display:block;
}

.rotateth{
    height:200px;
}
.rotate {
  -ms-transform:rotate(-90deg); /* IE 9 */
  -moz-transform:rotate(-90deg); /* Firefox */
  -webkit-transform:rotate(-90deg); /* Safari and Chrome */
  -o-transform:rotate(-90deg); /* Opera */
}


/* Screens */

#marketing_analysis{
    display:none;
    width:100%;
    float:left;
}

#marketing_decision{
    display:none;
        width:100%;
    float:left;
}

.section_table{
    width:99%;
    border:1px solid gray;
}


.section_table td,.section_table th{
    padding:3px;
    border:1px solid gray;
}

.section_table th{
    text-align: left;
    padding-right:2px;
    font-style: italic;
}
.section_table td{
    text-align: left;
}

.section_table a{
    text-decoration: none;
    color:darkslategray;
    font-weight:bold;
}

.section_table_comm{
    width:450px;
    border:1px solid gray;
}

.section_table_comm th{
    width:180px;
    text-align: right;
    padding-right:2px;
    font-style: italic;
    font-size:16px;
}
.section_table_comm td{
    text-align: left;
    font-size:12px;
}

.section_table_smaller{
    width:99%;
    border:1px solid gray;
}

.section_table_smaller td,.section_table_smaller th{
    padding:3px;

}

.section_table_smaller th{
    text-align: left;
    font-style: italic;
    font-size:12px;
}
.section_table_smaller td{
    text-align: left;
    font-size:10px;
        border:1px solid gray;
}

.section_table_smaller a{
    text-decoration: none;
    /*color:#FFEF93;*/
}
.section_table_smaller label{
    width: 80px;
}




.section_table_dark{
    width:99%;
    border:1px solid black;
}

.section_table_dark td,.section_table_dark th{
    padding:3px;
    border:1px solid black;
}

.section_table_dark th{
    text-align: left;
    padding-right:2px;
    font-style: italic;
    font-size:14px;
}
.section_table_dark td{
    text-align: left;
    font-size:12px;
}

.section_table_dark a{
    text-decoration: none;
    color:#FFEF93;
}

.pagination {
    display: inline-block;
  }
  
  .pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
  }
  
  .pagination a.active {
    background-color: #4CAF50;
    color: white;
  }

/* games table */

.admin_table1{
    font-size: 12px;
}


.view_table td{
    vertical-align: top;
}

/*
.segment_info_icon{
    color:white;
    width:200px;
    float:left;
}*/
.segment_info_table{
    width:100%;
}
.segment_info_icon{
    float:left;
    padding:5px;
    margin-top:20px;
    margin-right:10px;
    font-size:120px;
}

.segment_info_desc{
    width:100%;
}
.segment_info_desc td{
    font-size:12px;
}


.segment_info_demo{
    float:left;
    width:100%;
}

.segment_info_demo td{
    font-size:12px;
}

.formatted_input{
    padding:5px;
}

.save_button{
    float:right;
    margin-right:50px;
    border: 1px solid #132b14;
}
.button_border{
    border: 1px solid white;
}


a.ui-state-default{
    border: 1px solid white;
}

input.ui-state-default{
    border: 1px solid white;
}
select.ui-state-default{
    border: 1px solid white;
}

select.ui-state-default option{
    padding:4px;
    vertical-align: middle;
}

#add_edit_title{
    text-align: center;
    font-size:18px;
}


.placeholder {
  color:yellow;
  }
  
.search_red{background: antiquewhite; color:red; }
.search_green{background:#F0F4DB; color:#018F1F;}


#screen_admin_appeal_main{

}

#screen_admin_appeal_main_gms{
    text-align: left;
}

    
    


.search_results{
    width: 250px;
    border: 1px solid black;
    position: absolute;
    z-index: 1005;
    margin-left: 4px;
    margin-top: 30px;
    padding:1px;

    background:white;
    -moz-box-shadow: 5px 5px 5px gray;
    -webkit-box-shadow: 5px 5px 5px gray;
    box-shadow: 5px 5px 5px gray;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}

.search_results_link{
   /* padding:1px;
    border: 1px solid white;*/
    display: block;
}
.search_results_link a{
    font-weight: normal;
}
.search_results_link a:hover{
    font-weight: bold;
}

.uicheckboxlabel{
    width:40px;
    height:30px;
    
}
.uicheckboxlabel i{
    font-size:18px;
}

#add_feat{
    font-size:12px;
    font-weight:bold;
}

:-webkit-input-placeholder {
   color: antiquewhite;
}
/* all */
::-webkit-input-placeholder { color:antiquewhite; }
::-moz-placeholder { color:antiquewhite; } /* firefox 19+ */
::-ms-input-placeholder { color:antiquewhite; } /* ie */
input:-moz-placeholder { color:antiquewhite; }


.worksheet_instructions{
   /* font-size: 12px;*/
}
.worksheet_instructions label{
    float:left;
    margin-top:5px;
    font-weight:bold;
    width:150px;
    text-align: right;
}
.worksheet_instructions span{
    float:left;
    margin-top:5px;
    margin-left:2px;
}

div.worksheet_form > h3, div.worksheet_form h4 {
    text-align:left;
}

div.worksheet_form textarea {
    float:left;
}

div.worksheet_form div {
    padding-left:24px;
}

div.worksheet_form div input[type=text] {  
    margin-bottom:12px;
} 

.loading_div_default
{
    background: url(../images/metro_default_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}

.loading_div_dkblue
{
    background: url(../images/metro_dkblue_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}
.loading_div_dkgreen
{
    background: url(../images/metro_dkgreen_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}
.loading_div_gold
{
    background: url(../images/metro_gold_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}
.loading_div_ltblue
{
    background: url(../images/metro_ltblue_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}
.loading_div_ltgreen
{
    background: url(../images/metro_ltgreen_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}
.loading_div_ltorange
{
    background: url(../images/metro_ltorange_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}
.loading_div_ltpurple
{
    background: url(../images/metro_ltpurple_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}
.loading_div_pink
{
    background: url(../images/metro_pink_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}
.loading_div_dkred
{
    background: url(../images/metro_dkred_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;
    
    width: 600px;
    margin-left: -300px;
}
.loading_div_ltred
{
    background: url(../images/metro_ltred_loading.gif) no-repeat center center fixed;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}

.add_button_small{
font-size:12px !important;
margin:2px !important; 
}

.section_screen_title{
    color:Black;
    text-decoration: none;
    font-size: 28px;
    display:block;
    text-align: center;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid black;
    float:left;
    width:100%;
    white-space: nowrap;
}

.lastdec{
    background-color:#CCC;
    color:#555;
}
.lastdec_icon{
    color:#555;
}

.download_table td{
    
    text-align: center;
    height:50px;
}


.text3d{
    text-shadow: 1px 1px 1px #333333;
}


.report_role_title{
    width:150px;
    font-size: 18px;
    background-color: green;
    float:left;
    height:30px;
    margin-bottom: 10px;
    position: relative;
    bottom:20px;
}

.reportSectionTitle{
    text-align: left;
    font-weight: bold;
    position: relative;
}

.reportSection{
    position: relative;
}

.bsi_number_cell{
    text-align: center !important;
    border:1px solid black !important;

}

.checklist{
    list-style-type: none !important;
    display: table !important;
    padding:5px !important;
}

#gameprocessing{
    width:900px;
    padding:10px;
    display: block;
    text-align:center;
    margin: 0 auto;
    
        -moz-border-radius:5px;  
        border-radius: 5px;  
        -webkit-border-radius: 5px;
        -moz-border-radius:  5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px 5px;
        border-radius: 5px 5px;
    -moz-box-shadow: 5px 5px 5px gray;
    -webkit-box-shadow: 5px 5px 5px gray;
    box-shadow: 5px 5px 5px gray;
        
        
}

#systemstatecontrol{
    width:900px;
    padding:10px;
    display: block;
    text-align:center;
    margin: 0 auto;
    
        -moz-border-radius:5px;  
        border-radius: 5px;  
        -webkit-border-radius: 5px;
        -moz-border-radius:  5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px 5px;
        border-radius: 5px 5px;
    -moz-box-shadow: 5px 5px 5px gray;
    -webkit-box-shadow: 5px 5px 5px gray;
    box-shadow: 5px 5px 5px gray;
        
        
}

.SSC_mode_options{
/*    display: block;*/
    width: 50%;
    float: left;
    text-align: left;
/*    padding-left: 100px;*/
    font-size: 16pt;
}

.SSC_mode_update{
    width: 50%;
/*    height: 100%;*/
/*    display: block;*/
    float: left;
/*    text-align: center;*/
/*    vertical-align: middle;*/
}

#gameprocessing legend{
    padding:4px;
    text-align: left;
    border: 1px solid white;
        -moz-border-radius:5px;  
        border-radius: 5px;  
        -webkit-border-radius: 5px;
        -moz-border-radius:  5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px 5px;
        border-radius: 5px 5px;
}

.adminheader{
    width:98%;
    text-align:center;
    padding:3px;
    position:relative;
}

.SSCheader{
    width:100%;
    text-align:center;
    padding:3px;
    position:relative;
}

.progressContainer{
    width: 230px;
    height: 20px;
    position: relative;

}
.progressBar{
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
}
.progressText{
    width: 100%;
    height:15px;
    position: absolute;
    top: 3px;
    z-index: 10;
    text-align: center;
    text-shadow: 2px 2px #808080;
}
.progressGif{
    width:23px;
    height:100%;
    opacity:0.2;
    filter:alpha(opacity=20);
}

#chart_result{
    width:100%;
    height:500px;
}



.preschoolList{
    font-size: 1.1em;
    padding-left:50px;
}
.preschoolList li{
    font-size: 1.1em;
    padding:5px;
}