@CHARSET "UTF-8";

body, html {
    width:100%;
    min-height: 100%;
    margin: 0px;padding: 0px;
    font-size: 12.5px;
    text-rendering: optimizelegibility;
   
}

.container.footer-left{position:fixed; bottom:0px;height:0.8cm;
text-align:left;background-color:#666666;
width:50%}

.container.footer-right{position:fixed; bottom:0px;height:0.8cm;
text-align:right;background-color:#666666;
width:50%}


.footer-container{width:100%;margin:0 auto;float:left;background:#0066cc!important;color:#fff;font-weight:300;font-family:'Open Sans',sans-serif;padding:0px;font-size:11px;position:fixed;bottom:0px}.footer-container .footer-left{width:50%;float:left;padding-left:20px!important}.footer-container .footer-right{width:50%;float:right;text-align:right;padding-right:20px!important}.padd-l-r-null{bottom:0px;padding-left:0!important;padding-right:0!important}

body[id="first"]
{
	
background-size:cover;

background-image: url("/SOS/resources/images/sos.jpg") center center;
background-repeat: no-repeat;
background-attachment: fixed;   
}

body
{

background-size:cover;
background-color:#306da4;
background-image: url("/SOS/resources/images/sos.jpg") ;
background-repeat: no-repeat;
background-attachment: fixed;    

}

.main{
width:100%;
height: 100%;padding: 0px;margin: 0px;
z-index:10;position: fixed;;top:0px;
}

.content{
width:100%;
height: 0%;padding: 0px;margin-top: 10px;
z-index:1;position: relative;
}



button{
	 border-radius: 20px;size:auto;
	background-color: white;
    font-style: italic;	
}

button [id="inside"]{
	 border-radius: 0px;size:auto;
	background-color: blue;
    font-style: italic;	
}
div[id="second"]
{
background-size: 100%;
height:100%;
background-image: url("/SOS/resources/images/sos.jpg");
background-repeat: no-repeat;
background-position: 100%;
}


input[type=button], input[type=text]
{
    border-radius: 5px;
    font-family: Sansation;
    color:black;
    text-shadow: lime;
 
}

input[type=radio]
{
    background: green;
 
}


input[type=submit]
{
    border-radius: 20px;
    font-family: Sansation;
    font-style:italic;
    color:red;
    background-color:#efefef;
    text-shadow: lime;
    
 
}

h3{color:lime;font-family:sans-serif;font-size: large;}

h4{color:red;}
input[type=submit]
{
    border-radius: 5px;

}
 table{
 border-radius: 15px;

 }


 ul ul {
	display: none;
}

	 ul li:hover > ul {
		display: block;
	}


 ul {
	background: #fffeee; 
	background: linear-gradient(top, #fffeee 0%, #fffeee 100%);  
	background: -moz-linear-gradient(top,#fffeee 0%, #fffeee 100%); 
	background: -webkit-linear-gradient(top, #fffeee 0%,#fffeee 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 15px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	
 ul:after {
		content: ""; clear: both; display: block;
	}

	 ul li {
		float: left;
	}
		 ul li:hover {
			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
		}
			 ul li:hover a {
				color: #fff;
			}
		
		 ul li a {
			display: block; padding: 5px 15px;
			color: #757575; text-decoration: none;
		}
			
		
ul ul {
		background: #5f6975; border-radius: 0px; padding:0;
		position: absolute; top: inherit;
	}
		 ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
		}
			 ul ul li a {
				padding: 3px 10px;
				color: #fff;
			}	
		 ul ul li a:hover {
					background: #4b545f;
				}
		
		 ul ul ul {
background: #5f6975; border-radius: 0px; padding:0px;
		
		position: absolute; left: 99%; top:0;
	}
	
ul ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
		}
		
/*===========================================================*/


.pg-normal {
color: #000000;
font-size: 12px;
cursor: pointer;
background: #f6cef5;
padding: 2px 4px 2px 4px;
}

.pg-selected {
color: #fff;
font-size: 12px;
background: #000000;
padding: 2px 4px 2px 4px;
}

table.yui {
font-family:arial;
border-collapse:separate;
border: "1";
font-size:small;
cellpadding="10";
}

table.yui td {
padding: 1px;
border-right: solid 1px #7f7f7f;
}

table.yui .even {
background-color: #EEE8AC;
}

table.yui .odd {
background-color: #F9FAD0;
}

table.yui th {
border: 1px solid #7f7f7f;
padding: 2px;
height: auto;
background: #D0B389;
}

table.yui th a {
text-decoration: none;
text-align: center;
padding-right: 5px;
font-weight:normal;
white-space:nowrap;
}

table.yui tfoot td {
border-top: 1px solid #7f7f7f;
background-color:#E1ECF9;
}

table.yui thead td {
vertical-align:middle;
background-color:#E1ECF9;
border:none;
}

table.yui thead .tableHeader {
font-size:larger;
font-weight:bold;
}

table.yui thead .filter {
text-align:right;
}

table.yui tfoot {
background-color:#E1ECF9;
text-align:center;
}

table.yui .tablesorterPager {
padding: 10px 0 10px 0;
}

table.yui .tablesorterPager span {
padding: 0 5px 0 5px;
}

table.yui .tablesorterPager input.prev {
width: auto;
margin-right: 10px;
}

table.yui .tablesorterPager input.next {
width: auto;
margin-left: 10px;
}

table.yui .pagedisplay {
font-size:10pt; 
width: 30px;
border: 0px;
background-color: #E1ECF9;
text-align:center;
vertical-align:top;
}