/* 
Document   : common
Created on : Aug 16, 2009, 6:00:49 PM
Author     : zoids
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    background-image: url('images/bck1.jpg');
    background-repeat: repeat-x;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
#page{
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    height: 500px;
    background-color: white;
}

#mainPane{
    margin-left: auto;
    margin-right: auto;
    width: 728px;
    vertical-align: top;
}

h1{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bold;
}

h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
}

a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #088A4B;
    cursor: pointer;
}
a:link{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #088A4B;
    cursor: pointer;
    text-decoration: none;
}

a:visited{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #088A4B;
    cursor: pointer;
    text-decoration: none
}
a:active{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #0B3B0B;
    cursor: pointer;
}
a:hover{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #FF8000;
    cursor: pointer;
    text-decoration: underline;
}

.post{
    margin-left: auto;
    margin-right: auto;
    width: 720px;
    text-align: justify;
}

.postIcon{
    position: relative;
    top: 5px;
    cursor: pointer;
}
.postIconDisabled{
    position: relative;
    top: 5px;
}

.pFoot{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.sideBar{
    vertical-align: top;
}
.sideBarGroup{
    width: 200px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#pageNavigator{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#footer{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 70px;
}
#footerLinks{
    text-align: center;
    margin-left: auto;
    margin-right: auto;    
}
#myAccount{
    width: 200px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
#mBanner{
    width: 528px;
    height: 170px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.gp{
    width: 728px;
}
.gpBar{
    width: 728px;
    height: 3px;    
    background-image: url('images/hBack.jpg');
    background-repeat: repeat-y;
}
.gpC{
    width: 728px; 
    background-color: #F5FBEF;
}
.gpBot{
    width: 728px;
    height: 3px;  
    background-image: url('images/gpBot.jpg');
    background-repeat: no-repeat;
}
.gpBody{
    position:relative;
    left: 30px;
}


a.button{
    display:block;
    width: 120px;
    height: 30px;
    background-image: url('images/button.png');
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
    font-size: 13pt;
    text-align: center;
}
a.button:hover{
    display:block;
    width: 120px;
    height: 30px;
    background-image: url('images/buttonh.png');
    background-repeat: no-repeat;
    text-decoration: none;
    color: #FF8000;
    cursor: pointer;
    font-size: 13pt;
    text-align: center;
}
a.lButton{
    display:block;
    width: 220px;
    height: 30px;
    background-image: url('images/lButton.png');
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
    font-size: 13pt;
    text-align: center;
}

.sideHead{
    margin-top:0px;
    margin-left:0px;
    margin-right:auto;
    width: 200px;
    height: 31px;
    background-image: url('chat/images/hB.jpg');
    background-repeat: repeat-x;    
}
.sHead{
    position: relative;
    top: 5px;
    left: 15px;
    font-family: Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #FFFFFF;
}
#recentContent{
    margin: auto;
}
.sideBarGroup{
    margin-left: 0px;
    width: 200px;
    background-color: #E3F6CE;
    border-color:#58FA58;
    border-style: solid;
    border-width:1px;
}
.sideContent{
    position: relative;
    left: 10px;
    width: 180px;
}
.banner_text{
    width: 400px;
    font-size: 11pt;
    font-style: italic;
    color: #38610B;
    position: relative;
    left: 50px;
}
.banner_head{
    position: relative;
    left: 30px;
    width: 400px;
}
#mainLinks{
    height: 25px;
    width: 728px;
    background-color: #088A08;
    color: #FFFFFF;
}
.menuLink{
    display:block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    height: 25px;
}
.menuLink:link{
    display:block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    height: 25px;
}
.menuLink:visited{
    display:block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
}
.menuLink:hover{
    display:block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    background-color: #04B404;
    height: 25px;
}
table{
    border-spacing: 0px;
    border-width: 0px;
}
tr{
    border-spacing: 0px;
    border-width: 0px;
}
td{
    border-spacing: 0px;
    border-width: 0px;
}
#submit_footer{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width:650px;
}
#content{
    width:650px;
}
.mod_post{
    width:650px;
    text-align: justify;
}
#profileImg{
    display: cell;
    vertical-align: center;
    text-align: center;
}
.descSubmit{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 600px;
}
.gpHead{
    font-family: Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    width: 650px;
}
.gpHead3{
    font-family: Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    width: 650px;
}
#signinerror{
    color:red;
}
li{
    position: relative;
    left: 30px;
}
.recentLink{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}
#profilePic{
    display: table;
    width:  100px;
    height: 100px;
    border-style:solid;
    border-color: black;
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: center;
    text-align: center;
    background-color:#E3F6CE;
}
#errorPane{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color:red;
    
}
.ai{
    border:none;
}
h4{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
}
h3{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
}
.recentLabel{
    display: block;
    height: 38px;
    width: 38px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    color: #FFFFFF;
    border-width: 1px;
    border-color: #FFFFFF;
    border-style: solid;
}
.recentLabel:visited{
    display: block;
    height: 38px;
    width: 38px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    color: #FFFFFF;
    border-width: 1px;
    border-color: #FFFFFF;
    border-style: solid;
}
.recentLabel:link{
    display: block;
    height: 38px;
    width: 38px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    color: #FFFFFF;
    border-width: 1px;
    border-color: #FFFFFF;
    border-style: solid;
}
.recentLabel:hover{
    display: block;
    height: 38px;
    width: 38px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    color: #F2F5A9;
    border-width: 1px;
    border-color: #F4FA58;
    border-style: solid;
}


.error{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: red;
}
.errorGp{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: red;
}
.gpHead1{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}
.dev{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    
}
#banner{
    background-image: url('images/bn1.jpg');
    background-repeat: repeat-y;
    width: 728px;
    height: 200px;
}
.insideLink{
    font-size: 7pt;
}
.check{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: green;
}

#counter{
    font-weight: bold;
}
.desc{
    width: 600px;
}
.itemOdd{
    background-color: #F5FBEF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
.itemEven{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
.mainHeader{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}
#signinbot{
    width: 200px;
}
#signinbotlink{
    width: 200px;
}

.signinInput{
    width: 120px;
}
/*+moderate*/
.modBut{
    margin-left: auto;
    margin-right: auto;
}
/*-moderate*/
.commentHead{
    width: 728px;
}
/*+moderate*/
.modBut{
    margin-left: auto;
    margin-right: auto;
}
/*-moderate*/
.commentHead{
    width: 728px;
}
a.lButton{
    display:block;
    width: 220px;
    height: 30px;
    background-image: url('images/lButton.png');
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
}
a.lButton:hover{
    display:block;
    width: 220px;
    height: 30px;
    background-image: url('images/lButtonh.png');
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
}
#profilepeek{
    position: absolute;
    display: none;
    z-index: 10;
    width: 250px;
    background-color: #E3F6CE;
    border-color:#58FA58;
    border-style: solid;
    border-width:1px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    
}
#description{
    width: 400px;
    height: 150px;
    overflow: auto;
    border-color:#000000;
    border-style: solid;
    border-width:1px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
#mProfile{
    display: block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 320px;
    height: 120px;
    /*background-color: #E3F6CE;*/
}
#profileMenu{
    display: block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 300px;
    height: 30px;  
    border-collapse: collapse;
    border-spacing: 0px;
}
.pMenu{
    display: block;
    border-color:#58FA58;
    border-style: solid;
    border-width:1px;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    width: 90px;
    height: 15px;      
}
.pMenu:hover{
    display: block;
    width: 90px;
    height: 15px;    
    background-color: #E3F6CE;
}
.pLabel{
    width: 70px;
}
#friends{
    margin-left: 50px;
}