/* 
    Document   : default
    Created on : Aug 29, 2011, 10:01:32 PM
    Author     : ikembaihejiahi
    Description:
        Purpose of the stylesheet follows.
*/

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

/*I altered form_tfield which controls all textfields*/

root { 
    display: block;
}

*{
    margin: 0px;
    padding: 0px;
    outline:0;
   /* position:relative;*/
}

html{
    height:100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #333333;
    height:100%;
}

page{
    background-image:url('css/images/pfooterBg.gif');
    background: #D4C792;
    /*background-color:#E8E8E8;*/
    -moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px;
}

img
{  
   border-style:none;
   border:0px;
}

.button {
background-color:#fff;
border-width:1px;
border-style:solid;
padding-top:3px;
padding-bottom:4px;
padding-right:12px;
padding-left:12px;
color:black;
background:#fcfcfc url('images/module.png') repeat-x left bottom;
border:1px solid #ccc;
border-bottom:2px solid #bbb;
border-top:1px solid #ddd;
border-radius:10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
 .button:hover{
border-top-color:#aaa;
border-left-color:#aaa;
border-bottom-color:#ddd;
border-right-color:#ddd;    
        }

.form_submitb{
border-top:2px ridge;
border-bottom: ridge;
border-left:inset;
border-right:outset;
color:#FFFFFF;
background-color:#3300CC;
font-variant:small-caps;
font-weight:bold;
font-family:verdana;
font-size:13px;
font-size: 0.8125em;
}

.form_tfield{
border-top:1px ridge;
border-bottom:ridge;
border-left:inset;
border-right:outset;
color:#AAAAAA;/*000000*/
background-color:#FFFFFF;
font-weight:normal;
font-family:verdana;
font-size:17px;
font-size: 1.0625em;
}


/*Start of the footer*/
#footer{
position:absolute;
bottom:0;
/*width: 1270px;*/
width:100%;
min-width:770px;
height: 15%;
background-image:url('gradient2.png');
background-repeat:repeat-x;
/*background-color:#CCFFFF;*/
background-color:#EBFFFF;
/*margin-top:30px;*/
margin:0 auto;
border: 1px solid black;
color:#3300CC;
clear: both;
font-size:77%;
text-align:center;
}

#footer p{
    margin: 0;
    text-align: center;
    font-size: 77%;
}

#footer a:link{
text-decoration:none;
padding-right:20px;
}

#footer a:hover{
text-decoration:underline;
}
/*End of the footer*/

/*Header*/
#header{
/*width: 1275px;*/
width:100%;
min-height:80px;
/*background-image:url('gradient2.png');*/
/*changed*/
/*background-repeat:repeat-x;
background-color:#6699CC;
background: #6699CC url(css/images/pheaderB.png);*/
/*changed*/
-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px;
z-index:-1;
}

#headerb1{/*!!new bottom of the header*/
background:#33CCFF;/*greenish-blue*/
height:2px;
float:left;
}

#headerb2{/*!!new bottom of the header*/
background: #EBE0F5;/*Very Very light blue*//*#33CCFF EBE0F5 *//*2 different blues*/
float:left;
height:2px;
}

#headerb3{/*!!new bottom of the header*/
background:#6699CC;
float:left;
height:2px;
}

#headerb4{/*!!new bottom of the header*/
background:#EDEFF4 url("css/images/pheaderB.gif");
float:left;
height:2px;
}

#headerb5{/*!!new bottom of the header*/
background:#3300CC;
float:left;
height:2px;
}

/*lightbox*/
#lightbox{
background-color:#000000;
max-width: 100%;
max-height:100%;
opacity:0.8;
filter:alpha(opacity=80);
position:fixed;/*keep the lightbox in same position even if scrolled up or down*/
z-index:8;
top:0px;
left:0px;
}

#lbimgd{
background-color:#FFFFFF;
position:fixed;
top:0px;
bottom:0px;
margin:0 auto;
z-index:10;
overflow:hidden;
/*vertical-align:middle;*/
}

#lbimg{
position:absolute;
padding-top:30px;
padding-bottom:40px;
padding-left:40px;
padding-right:40px;
max-width:1000px;
max-height:450px;
margin:0 auto;
z-index:13;
vertical-align:middle;
}

#lightbox a{
font-size:20px;
font-weight:bold;
/*color:#FFFFFF;*/
color:red;
float:right;
z-index:10;
}
/*End of lightbox*/

/*The header continues till the end of header menu below*/
/*If Logo Image is Outputted*/
#logo1{padding:0px;margin:0px;max-width:300px;max-height:200px;}
#logo1 img{
    margin-left:95px;
   margin-top:10px;
   margin-bottom:-20px;/*Move image closer to bottom*/
   margin-right:2px;
}

/*Logo, if Text is outputted*/
#logo{
margin-top:0px;
margin-bottom:0px;
padding:0px;
margin-left:25px;
/*border:1px solid black;*/
z-index:-1;
height:100px;
border:1px solid black;
}
/*If there is not Image Output just words*/
#logo h1{
color: #6699CC;/*#D4C792*/
margin:0px;
padding:0px;
font: bold 45px "Comic Sans MS", cursive, sans-serif;
}

#logo h2{
 margin: -9px 0 0 0px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
    font-weight: normal;/*bold*/
    color: #666666;/*#D4C792*/
}

#logo a{
color:#6699CC;/*ffffff*/
text-decoration:none;
}
/*End of Logo*/

/*Start of Header Menu*/
#menu{
background-image:url('gradient2.png');
background-repeat:repeat-x;
background-color:#6699CC;
border:1px solid black;
position: absolute;
width:1276px;
top:66px;
}


#menu input{
font-size:17px;
}

#menu table.navbar{
margin-left:180px;
width:1100px;
}

#menu td.menunormal{
width:150px;
font-weight:bold;
font-size: 17px;
font-size: 1.0625em;
color:#FFFFFF ;
text-align:center;
font-variant:small-caps;
}

#menu td:hover.menunormal{
width:150px;
font-weight:bold;
font-size: 17px;
font-size: 1.0625em;
color:#FFFFFF;
text-align:center;
font-variant:small-caps;
background-color:#666CFF;
}

#menu td.menuclick{
width:150px;
color:#FFFFFF;
text-align:center;
font-size:17px;
font-size: 1.0625em;
font-weight:bold;
font-variant:small-caps;
}

#menu div.menunormal{
display:none;
visibility:hidden;
}

#menu div.menuclick{
position:absolute;
z-index:-1;
background-color:#FFFFFF;
color:#000000;
}

#menu table.menu{
width:150px;
border:1px solid #6699CC;
z-index:-1;
margin-top:7px;
}

#menu a.menuitem:link{
display:block;
background-color:white;
text-decoration:none;
color:#6699CC;
z-index:-1;
}

#menu a.menuitem:visited{
display:block;
background-color:white;
text-decoration:none;
color:#6699CC;
z-index:-1;
}

#menu a.menuitem:hover{
display:block;
background-color:#6699CC;
text-decoration:none;
color:#FFFFFF;
z-index:-1;
}

#menu a.menuitem:active{
display:block;
background-color:white;
text-decoration:none;
color:#6699CC;
z-index:-1;
}

/*End of Header Menu*/

/*Start of Message*/
#messagebar{
/*background-color:#D5D7DC;*/
background-color:#EBE0F5;
border:1px solid #7E7E7E;
width:150px;/*max-width:150px*/
height:700px;
float:left;
}

#messagebar ul{
margin:auto 0;
}

#messagebar ul>li{
padding-bottom:13px;
padding-top:13px;
}

#messagebar a{
text-decoration:none;
color:#9900FF;
padding-top:10px;
padding-bottom:10px;
}

#messagebar a:hover{
color:#8EA3B8;
}

#messagebar img{
vertical-align:middle;
}
/*End of Message*/

/*page land*/
#pageland{
/*border:1px solid black;
width:880px;*/
}
/*End of page land*/

/*Start of profilepageone*/
#ppone{
position:absolute;
border:1px solid black;
max-width:300px;
margin-left:25px;
margin-top:10px;
}

#ppone img{
padding-left:10px;
padding-right:2px;
vertical-align:bottom;
padding-top:5px;
}

#ppone table{
width:240px;
}

#ppone td{
font-size:13px; 
font-weight:bold;
/*vertical-align:top*/
}

#ppone th{
color:#0066CC;
font-size:13px;
font-weight:bold;
}

#ppone a:link{
color:#000000;
font-size:13px;
text-decoration:none;
padding-left:10px;/*set to the same as ppone img*/
}

#ppone a:hover{
color:#000000;
text-decoration:underline;
}

/*End of profilepageone*/
/*Profile page functions settings*/

#pdispinfo td{
width:18%;
min-width:400px;
font-size:13px;
font-weight:bold;
padding:7px;
}

#pdispinfo label{
color:#0066CC;
}

/*End of profilepage functions settings*/

/*Start of profilepagetwo*/
#pptwo{
position:relative;
border:1px solid black;
max-width:580px;
left:295px;
top:5px;
}

/*Settings for displaying name in pptwo however the style code is in-line in the code not this css*/
#pptname{
color:#000000;
font-size:25px;
padding-bottom:5px;
}

#pttabs{

}

#pttabs a{
background-color:#8370D8;
text-decoration:none;
color:#FFFFFF;
font-size:20px;
padding-left:12px;
padding-right:12px;
padding-top:5px;
padding-bottom:3px;
border-left:1px solid #FFFFFF;
-khtml-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-khtml-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
}


#pttabs a:hover{
text-decoration:none;
color:#000000;
font-size:20px;
padding-left:12px;
padding-right:12px;
padding-top:5px;
padding-bottom:3px;
border-left:1px solid #FFFFFF;
 -khtml-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-khtml-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
}

#pptwif{/*iframe div in pptwo*/
max-width:600px;
height:600px;
border:0px solid #FFFFFF;
}

#pptwdispp{
/*set to width of frame UNUSED*/
 /*max-width:560px;
 border:2px solid #FFFFFF;
 background-color:#EDEFF4; */   
}

#pptwdispp img{/*displayed photo in division*/
padding-left:3px;
padding-top:3px;
}

/*End of profilepagetwo*/

/*Beginning of profile sidebar*/
#ppsb{
position:fixed;
border:1px solid black;
max-width:500px;
/*height:400px;*/
left:950px;
top:70px;
border-top:10px solid #6699CC;
border-left:10px solid #6699CC;
border-right:10px solid #6699CC;
float:right;
padding-right:5px;
 -khtml-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-khtml-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px;
}

#ppsbif{/*iframe in pptwo*/
/*width:400px;*/
height:800px;
border:0px solid #FFFFFF;
}

#ppfr{
position:relative;
left:140px;
top:20px;
}

#ppfr a{/*Friend box*/
background-color:#BEBEBE;
text-decoration:none;
color:#FFFFFF;
padding-top:7px;
padding-left:10px;
padding-right:10px;
padding-bottom:7px;
font-weight:bold;
cursor:pointer;
}

#ppfr a:hover{
 text-decoration:underline;
}

#ppfr img{
vertical-align:middle;
}

#register{
display:block;
border:1px solid #AAAAAA;/*this may stay*/
position:absolute;
left:54%;
top:16%;
max-width:43%;
min-width:420px;
valign:center;
padding-top:15px;
padding-bottom:20px;
padding-left:15px;
padding-right:15px;
background: #EDEFF4 url("css/images/pheaderB.gif");
/*background:#B894FF;*/
-khtml-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
		
-khtml-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
		
-khtml-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;

-khtml-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-box-shadow:    3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow:         3px 3px 5px 6px #ccc;
}

#register table{
margin: 0 auto;
}

#register td{/*dont set font-size*/

    padding-right:3px;
    padding-top:4px;
    padding-bottom:4px;
}

#register input{
font-weight:normal;
}


#recover label{
font-size: 13px;
color:#3300CC;
font-weight:normal;
}

#registererror{
padding:3px;
border:1px solid #DD3C10;
background: #FFEBE8;
color:#9900FF;
display:none;
}



#signloginerror{
/*display:none;*/
padding-top:3px;
border:1px solid #DD3C10;
background: #FFEBE8;
color:#9900FF;
}
 #signinerror{/*IMPORTANT POSITION LOGIN ALERT. This controls alert in Login and Register2*/
margin:0 auto;
margin-top:20px;
margin-bottom:10px;
}
#signinerror table{
  border-collapse:collapse;
  width:98%;
  max-width:550px;
  margin:0px;
  padding:0px;
}
#signinerror td{
width:98%;
max-width:550px;
padding:7px;
border:1px solid #DD3C10;
text-align:center;
}

/*End of Sign in Page Only*/

/*ULabel on recover page*/
#ULabel{
font-size: 16px;
font-size: 1em;
color:#3300CC;
font-weight:normal;
}

#ULabel img{
vertical-align:bottom;  
}



/*End of ULabel on recover page*/

/*Start of upload page*/
#upload{
width:620px;
height:320px;
margin:0 auto;
border:1px solid black;
}

#uphotoerror{
color:#9900FF;
float:left;
display:block;/*do not set to hide*/
padding:3px;
}

#utitle p{/*declare a fix for the upload title*/
/*background-image:url('gradient2.png');
background-repeat:repeat-x;
background-color:#6699CC;*/
margin:0px;
padding-left:10px;
font: bold 30px "Comic Sans MS", cursive, sans-serif;
color:#FFFFFF;
border:1px solid black;
}

#utitle a{
float:right;
color:#FFFFFF;
cursor:pointer;
font-size:18px;
font-weight:bold;
}


#umenu img{
vertical-align:bottom;
}

#umenu a:link{
text-decoration:none;
text-align:center;
font-weight:bold;
font-size: 15px;
padding-right:7px;
}

#umenu a:visited{
text-decoration:none;
text-align:center;
font-weight:bold;
font-size: 15px;
padding-right:7px;
}

#umenu a:hover{
text-decoration:none;
text-align:center;
font-weight:bold;
font-size: 15px;
padding-right:7px;
}

#umenu a:active{
text-decoration:none;
text-align:center;
font-weight:bold;
font-size: 15px;
padding-right:7px;
}

#ubody input{
font-size:20px;
cursor:pointer;
padding-top:5px;
}

#ubody p{
color:#9999FF;
text-align:center;
font-size:25px;
font-weight:bold;
font-variant:small-caps; 
padding-top:10px;
padding-bottom:10px;
}

#ubody a:link{
font-size:25px;
text-align:center;
}

#ubody a:hover{
font-size:25px;
text-decoration:none;
color:#FF0000;
text-align:center;
}

/*End of upload page*/
#wrapper{
min-height:100%;
height:100%;
position:relative;
}