/* 
Document   : portal
Created on : Feb 21, 2010, 12:03:20 AM
Author     : abhishek_m
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
*
{
    margin: 0px;
    padding: 0px;
}

img {
    border: 0;
}

a{     
    text-decoration: none;
    color: black;
    /*    background: #dcf1f3;  */
    
}

a:hover {
    background-color:white;
}

fieldset{
    padding: 1em;
    /*     background-color:#ea5f5f;*/
    border: 1px solid black;  
}

legend
{
    color: black;
    background-color: #dcf1f3;
    /*    border: 1px solid #ea5f5f;*/
    padding: 2px 6px;
    font-weight: bold;
    /*    padding-left: 20px;*/
} 

hr {
    width: 100%;
    height: 1px;
    color:#dcf1f3;
    background-color:#dcf1f3;
}

H2
{
    
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    color:  #ea5f5f;
    background-color: white;
}
p{
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}
H3
{
    font: 14px Sans-Serif; 
    height: 20px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    color:  #ea5f5f;
    background-color: white;
    text-align: center;
}

body {   
    /*    font: 14px Verdana; */
    font-size: 12px; 
    font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
    text-align: center;
    /*    background: white;*/
    color: black;    
    
    
    
    
}

#outmostSpace
{
    /* margin-left : 10%; */
    width: 100%;
    background: white;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    
    /*    border: 1px green solid;*/
    
}

#website_copyright{
    overflow: auto;
    width: 1024px;
    background: white;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: #dcf1f3;
}

div#copyright
{
    /*    margin: 0px 20px 0px 20px;*/
    display: none;
    position: relative;
    
}

div#policy
{
    /*    margin: 0px 20px 0px 20px;*/
    display: none;
    position: relative;
}

#website_content_area
{
    overflow: auto;
    width: 1024px;
    background: white;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#website_left
{
    /* margin-left : 10%; */
    width: 470px;
    background: white;
    text-align: left;
    font-size: 13px;
    /*    font-weight: bold;*/
    float: left;
    background-color: white;
    
    /*    border: 1px #b15c5c dashed;*/
}

#website_middle
{
    overflow: auto; 
    width: 420px;
    /*    background: #f1e6a7;   */
    /*    border: 1px #b15c5c dashed;*/
    /*    background: #f1e6a7;*/
}

#website_right
{
    width: 130px;
    background: white;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    float: right;
    /*    background: #f1e6a7;*/
}

#website_community
{
    /* margin-left : 10%; */
    width: 98%;
    background: white;
    text-align: left;
    font-size: 12px;
    float: left;
    /*    background-color: white;*/
    /*     background-image: url("../../images/11252009/bg1.jpg");*/
    /*    border: 2px #ed8844 solid;*/
}


#website_liner_left
{
    /* margin-left : 10%; */
    width: 205px;
    background: white;
    text-align: left;
    font-size: 12px;
    float: left;
    
    /*    background-color: white;*/
    /*    background: #f1e6a7;*/
    /*    border: 1px #ed8844 solid;*/
}

#website_liner_right
{
    /* margin-left : 10%; */
    width: 205px;
    background: white;
    text-align: left;
    font-size: 12px;
    float: right;
    /*    background-image: url("../../images/11252009/bg1.jpg");*/
    /*    border: 1px #ed8844 solid;*/
}

#liner_block{
    width: 100%;
    
    /*    border: 1px  #b15c5c solid;*/
    
}




#liner_block_subject{
    width: 100%;    
    text-align: center;    
    color: black;   
    /*    background:black;*/
    /*    background-color:#dcf1f3;*/
}

#liner_block_subject a{  
    font-weight: bold;
    text-align: right;  
    background-color:white;
    font-size: 12px;  
    color: #ea5f5f;
    /*    background-color:#dcf1f3;*/
    
}

#liner_block_row{
    width: 100%;    
    font-weight: bold;
    text-align: center;    
    color: black;   
    background-image: url("../../images/11252009/bg1.jpg");
}

#liner_block_subject_bigger{   
    /*    background-color:#ea5f5f;*/
    /*    background-color:#dcf1f3;*/
}

#liner_block_subject_bigger a{  
    font-weight: bold;
    text-align: right;  
    background-color:white;
    font-size: 18px;  
    color: #ea5f5f; 
    
}


/*#liner_block_nobold{   */
/*    font-weight: bold;*/
/*    text-align: middle;  */
/*    font-size: 14px;*/
/*    color: black;   */
/**/
/*}*/
/**/
/*#liner_block_nobold a{  */
/**/
/*    text-align: middle;  */
/*    font-size: 14px;  */
/**/
/*    */
/*}*/

#liner_block_highligher{
    width: 100%;    
    font-weight: bold;
    text-align: center;    
    color: black;   
    background: #ed8844;
}


#liner_block td{
    text-align: left;    
    color: black;
    font-size: 12px;  
    vertical-align:bottom;
}

#website_name {
    text-align: left;
    /*    border: 1px green solid;*/
    font: 15px 'Helvetica',sans-serif;    
    width: 100%;
    
    /*    background-image: url("../../images/06222009/darkbrown.jpg")*/
}

#website_name table{
    /*      border: 1px black solid;*/
    width: 100%;
    
    /*    background-image: url("../../images/06222009/darkbrown.jpg")*/
}

#website_name a{    
    color: white; 
    text-decoration: none;
}

#addcolor {
    /*    background: #f1e6a7;*/
    /*    background-image: url("../../images/06222009/lightbrown.jpg")*/
}

#menubar {
    
    width: 100%;
    height: 20px;
    text-align: center;
    font-size: 12px;
    /*    background: url(../../images/06222009/menubar.jpg);*/
    background-color: #dcf1f3;
    font-weight: bold;
    
}

#menubar_user {
    
    width: 100%;
    height: 20px;
    text-align: left;
    font-size: 12px;
    /*    background: url(../../images/06222009/menubar.jpg);*/
    background-color: white;
    font-weight: bold;
    
}

#nav, #nav ul {
    
    padding-top: 2px;
    padding-bottom: 2px;
    list-style: none;
    
}

#nav a {
    display: block;
    width: 8em;
    color:black;
    
}

#nav li {
    float: left;
    width: 12em;
    text-align: middle;
    text-align: center;
}

#nav li ul {
    position: absolute;
    width: 9em;
    padding: 3px;
    left: -999em;
    background-color:#dcf1f3;
}

#nav li ul li{
    float: left;
    width: 8em;
    padding: 5px;
    text-align: left;
    
}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}
#ajax_spinner {
    position:fixed;
    top:50%;
    left:50%;
    overflow: auto;
} 

#content
{
    overflow: auto;
    /* margin-left : 10%; */
    width: 1024px;
    background: white;
    /*    text-align: left;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}