/*** set the width and height to match your images **/
/** RESET AND CLEARFIX
================================================**/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}

body { 
padding:0px;
margin: 0px 0px 0px 0px; 
overflow-y: hidden; 
overflow-x: hidden;
background: #171717;

}

a:link {
color: #dddddd;
text-decoration: none;
}

a:visited {
color: #dddddd;
text-decoration: none;
}

a:hover {
color: #dddddd;
text-decoration: none;
}

a:active {
color: #dddddd;
text-decoration: none;
}



.top{
font: 21pt arial, geneva, helvetica, sans-serif;
color:#f4f4f4;
text-align:center;
position:fixed;
top:0;
left:0;
width:100%;
height:80px;
background-color: rgba(0,0,0,0.5);
z-index:500;
background-image: url(images/top2.gif);
background-repeat: no-repeat;
background-position:center;

}


.nav_container{
text-align:left;
position:fixed;
top:45px;
left:0;
width:100%;
height:25px; 
padding-top:10px;
z-index:500;
}


.base{
font: 12px arial, geneva, helvetica, sans-serif;
color:#cccccc;
z-index:500;
position:fixed;
bottom:0;
left:0;
width:100%;
height:18px;
background-color: rgba(0,0,0,0.5); 
padding-top:5px;
text-align:right;
}








/* NAV1 */


#nav1{
font: 15px arial, geneva, helvetica, sans-serif;
color:#dddddd;
margin:0;
padding:0;
border-width:0px; 
text-align:left;
}


#nav1 li {
float: left;
position: relative;
list-style: none;
}


/* main level link */
#nav1 a {
display: block;
margin: 0;
}


/* dropdown */
#nav1 li:hover > ul {
display: block;
}

/* level 2 list */
#nav1 ul  {
font: 12px arial, geneva, helvetica, sans-serif;
color:#ff0000;
margin:0;
padding:0px;
display: none;
width: 100px;
height:120px;
position: absolute;
top: 17px;
left: -5px;
background-color:rgba(0,0,0,0.6);
z-index:1000;	
overflow:auto;

}

#nav1 ul li 
{
float:left;
width:90px;
margin: 0;
align:left;
padding-top:8px;
padding-left:5px;

}

/* clearfix */
#nav1:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

#nav1 {
display: inline-block;

} 

html[xmlns] #nav1 {
display: block;

}
 
* html #nav 1{
height: 1%;

}

/*nav1 end*/

.nav2 {
font: 12px arial, geneva, helvetica, sans-serif;
color:#dddddd;
margin:0;
border-width:0px; 
padding-top:1px;
font-style:italic;
}


/* POP UP CONTROL */

.modalDialog_transparentDivs{	
/*background-color:rgba(0,0,0,0.7);
background-color:rgba(250,250,250,0.2);*/
background-color:rgba(125,194,66,0.4);
/*
filter:alpha(opacity=30);
opacity:0.3;
background-color:#555555;
*/
/*background-color:rgba(0,0,0,0.5);*/
z-index:1000;
position:absolute; /* Always needed	*/
}

.modalDialog_contentDiv{
z-index:1000;/* Always needed	*/
position:absolute;	/* Always needed	*/
/*background-color:#171717;
background-color:rgba(20,20,20,0.9);
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:1px solid #000000;


-moz-box-shadow:0px 10px 12px #222222;
-webkit-box-shadow:0px 10px 12px #222222;
box-shadow:0px 10px 12px #222222;*/
}


.photo{

background-color:#171717;
background-color:rgba(20,20,20,0.9);
border:1px solid #000000;
-moz-box-shadow:0px 10px 12px #222222;
-webkit-box-shadow:0px 10px 12px #222222;
box-shadow:0px 10px 12px #222222;
}


.modaltext{
text-align:center;
padding-top:50px;
/*height:430px;
width:400px;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#ffffff;
}

#warning_login{
z-index:1000;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-color:rgba(125,194,66,0.4);
display:block;	  
}

#popup_bg {
z-index:1000;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}

#popup_horizon {
z-index:1000;
position: absolute;
top: 45%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
}

#login_content {
z-index:1000;
position: absolute;
width: 280px;
height: 320px;
left: 50%;
margin-left: -140px;
top: -125px;
background-color:#231F20;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #000000;
-moz-box-shadow:0px 10px 12px #cccccc;
-webkit-box-shadow:0px 10px 12px #cccccc;
box-shadow:0px 10px 12px #000000;	
}

#login{
z-index:1000;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-color:rgba(125,194,66,0.4);
display:none;	  
}

#uploading{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-color:rgba(250,250,250,0.2);
display:none;	  
}


#uploading_content {
position: absolute;
width: 380px;
height: 260px;
left: 50%;
margin-left: -190px;
top: -125px;
background-color: #171717;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #444444;
-moz-box-shadow:0px 10px 12px #222222;
-webkit-box-shadow:0px 10px 12px #222222;
box-shadow:0px 10px 12px #222222;	
}


.text2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ff9900;
}



.text17{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}

.padding4 {
padding-bottom:15px;
}


.box1{
height:24px;
width:150px;
border:1px solid #000000;
background-color:#4e4e4e;
/*background-color:rgba(250,250,250,0.1);*/
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding-left:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ff9900;
}

.box2 {
border:1px solid #333333;
background-color: #000000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ff9900;
text-shadow: 0px 1px 1px #000000;
padding-top:2px;
padding-bottom:2px;
}

#loading {
height: 100%;
width: 100%;
position: fixed;
z-index: 1000;
background-color: rgba(25,25,25,1.0);
}