/* Override values in Site.css  
----------------------------------------------------------*/
body
{
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #b1cde1;
}

.mask_as_text
{
     font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight:normal;
    color: #696969;
    line-height:18px;
    border : none !important;
         
}

 .header_text
 {
     display:block;
     font-weight:bold;
     font-size:1.5em;
     color:#696969;
 }
 .smaller_text 
 {
        font-size:1.2em;
     }

h1.mask_as_text  
{
    text-indent:-9999px;
    line-height:1px;
    }
    
h3.mask_as_text  
{
    font-weight:bold;
    color:#0B59A4;
    }

#left_curve
{
    float: left;
    z-index: 101;
}
#right_curve
{
    float: right;
}
#logo
{
    margin-top: 2px;
    float: left;
}

#header
{
    background-color: #ffffff;
}

.page
{
    width: 98%;
}

#main
{
    border: none;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
   /* _height: 1px;*/ /* only IE6 applies CSS properties starting with an underscrore */
    margin-bottom: 0px;
}

.menubar
{
    padding: 3px 0px 1px 20px;
    border-bottom: none;
    background-image: url('/library/of_images/BlueGradBG.jpeg');
    background-repeat: repeat-x;
    display: block;
    height: 23px;
}

.menubar a, .menubar a:visited
{
    text-decoration: none;
    display: inline-block;
    border: none;
    padding: 2px 10px 0px 10px; .padding:2px10px5px10px;
    font-weight:bold;
    color:#055396;
}

.menubar a:hover
{
    background-color: #a2c8df;
    color: #055396;
}


/*----------------------------------------------------------*/
.maincontent
{
    width: 85%;
    float: left;
    border-left: dotted 1px #cccccc;
    background-color: #ffffff; /*All browser will see this*/    
    padding: 0px 2px 0px 2px;
}

.mainhelpcontent
{
    padding: 0px 12px 0px 12px;
}

.multi_col
{
    border-bottom: dotted 1px #cccccc;
    margin-bottom: 10px;
}

.left_col, .right_col, .multi_col, .mid_col_right, .mid_col_left
{
    padding: 0px 10px 0px 10px;
    margin: 0px 0px ; .margin:0px 0px;
}


.left_col
{
    width: 65%;
    float: left;
}

.mid_col_right, .mid_col_left
{
    width: 45%;
    float: left;
}

.mid_col_right
{
    float: right;
}

.right_col
{
    float: left;
    width: 28%;
    min-width: 200px;
}

.right_col table td, .left_col table td { border: none;}

.tagline
{
    font-weight: bold;
    color: #0c8043;
    font-size: medium;
}

li
{
    list-style-type: disc;
    list-style-position: outside;
}


/*Left Hand Sub Menu*/
.submenu
{   
    float : left;
    padding: 1px 1px 5px 1px;
    width: 13%;
}

.submenu li, .help_submenu li
{
    display: block;
    list-style: none;
    padding: 3px 2px 3px 4px; .padding:3px2px3px4px;
border-bottom:dotted1px#cccccc;
list-style-type:none;
}

.submenu ul
{
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.submenu a
{
    display: block;
    height: 100%;
}

#breadcrumb a, .submenu a
{
    font-weight: normal;
    text-decoration: none;
    color: #055396;
}


#breadcrumb a:hover, .submenu a:hover
{
    color: #055396;
}

.submenu li:hover
{
    background-color: #EAE8E3;
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
}

.submenu li
{
    border-bottom: dotted 1px #c2c2c2;
}

.alert
{
    color: Red;
}
.access_list
{
    border: none;
}
h1, h2, h3, h4
{
    color: #0b59a4;
}
.ipbox
{
    width: 180px;
}
.btn
{
    background-color: #0c8043;
    color: #ffffff;
}
/* optional bar displayed if the user is logged in as an editor */
.editbar
{
    clear: both;
}


#breadcrumb ul
{
    padding-left: 5px;
    float: right;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
}


#breadcrumb li
{
    display: inline;
}

#breadcrumb a, #help_breadcrumb a
{
    background-image: url('/images/arrow_27.gif');
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding: 0px 5px 0px 10px;
}


#help_breadcrumb
{
    background-color: #ffffff;
    border-top: solid 1px #a3c7df;
    height: 20px;
    background-color: #e8eef4;
    display: block;
}
#help_breadcrumb ul
{
    width: 84%;
    padding-left: 5px;
    float: right;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
}


#help_breadcrumb li
{
    display: inline;
}

/*
#searchbox
{
    position:absolute;
    bottom:0px;
    right:0px;
    padding: 5px 10px 0px 10px;    
    background-color: #b5d4e6;
    background-image: url('/images/searchCurve.gif');
    background-repeat: no-repeat;
}

input.search_box
{
    width: 200px;
}
*/
#test
{
    display: block;
    padding-top: 72px;
    float: right;
}

#hdr_table
{
    width: 100%;
    height: 97px;
    padding: 0;
    border: none;
}
#hdr_table td
{
    padding: 0 0 0 0;
    border: none;
}

td .vtop
{
    height: 32px;
    vertical-align: top;
}
td.vbottom
{
    vertical-align: bottom;
}
td.vright
{
    width: 242px;
}

h4
{
    margin: 5px 0px 5px 0px;
}

.pointable
{
    cursor: pointer;
}
.tutorial
{
    width: 720px;
    height: 540px;
}

#logolist li
{
    list-style-type: none;
}

#logolist img
{
    border: 0;
}

ul 
{
    padding-left: 20px; 
    margin-left: 20px;
    }

li.topic_link_actions
{
    list-style-image: url('/images/zoom.png');
    padding: 2px 0px 2px 0px;
 }
 
 li.topic_link_actions a { text-decoration:none;}

.right_image_table { float:right; padding: 0px 2px 0px 2px;}
#header .right-header
            {
                float:right;
                text-align:right;
            }          
#topical_content{ padding:0; }

.recordDisplay
{
    border: solid 1px #666666;
    padding: 0px 5px 5px 5px;
    background-color: #FFFFE6;   
    position: relative;
    border-bottom-width: 2px;
    border-right-width: 2px;
    
}

.recordDisplay H2, .recordDisplay H3 { border-bottom : solid 1px #666666;  padding-bottom:0px;}
.recordDisplay dt { font-weight: bold;}
.recordDisplay dd { margin-left: 10px;}

.boxedContent
{
    border: dotted 1px #cccccc;
    width: 100%;
    padding-top: 0px;
    background-color: #F5F5F5;
   height: 200px;
}
.boxedContent h2 { padding: 5px 10px 0px 10px;   font-size: 1.1em; margin-top:0px;}
.leftFloater {float:left;}
.halfWidth { width:50%;}
.rightFloater {float:right;}
a.ui-state-default:hover{ color:#ffffff;}
em { font-weight:bold; font-style:normal; color:#666666;}
a >img { border:none;}