﻿body {width:100%;background-color:#EFEFEF;font-family: Calibri, Verdana, Arial;font-size: 10pt;}

/*--------------------------------------------------------------------------------------------*/
/* Section for all HTML elements */
/*--------------------------------------------------------------------------------------------*/

table
{
    border: 0px none #FFFFFF;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    table-layout: auto;
    empty-cells: hide;
}

input {border:1px solid #CCCCCC;font-family: Calibri, Verdana, Arial;}
select {border:1px solid #CCCCCC;font-family: Calibri, Verdana, Arial;margin:1px 0px;}
textarea {border:1px solid #CCCCCC;font-family: Calibri, Verdana, Arial;}

/*---------------------------------------------------------------------------------------------*/


.footer{text-align:right;color:#A4AAAC;width:1000px;margin:0px auto;}

#wrapper {width:1000px;margin:0px auto;background-color:#FFFFFF}
.topheader{width:100%;height:35px;background-color:#000000;color:#FFFFFF;}
.topheader_item{float:right;padding:7px 15px 0px 15px;}

.header{margin:15px 0px;width:100%;heigsht:60px;}
.header_item{float:right;padding:0px 15px 0px 15px;color:#A4AAAC;}

.MasterUsernameOptionsPanel{width:60px;}
.MasterUsernameOptionsHoverPanel{background-color:black;color:white;width:110px;padding:5px 5px;text-align:right;}

a {color:#30779D;}
.boldlink a {font-weight:bold;font-size:13px;text-decoration:none;}
.boldlink .button {font-weight:bold;font-size:13px;text-decoration:none;}

.title {font-size:14px;font-weight:bold;color:black;}
.graytext {color:#666666;}

#ribbon{width:400px;}
.ribbon_item{height:100%;float:left;line-height:32px;background-color:#EFEFEF;padding:0px 10px 0px 10px;}
.ribbon_item_active{height:100%;float:left;line-height:32px;background-color:#CCCCCC;padding:0px 10px 0px 10px;}
.ribbon_label{color:#FFFFFF;font-weight:bold;}
.ribbon_link{color:#666666;}
.ribbon_between{float:left;width:11px;height:32px;background:#EFEFEF url('/image/tip.png') no-repeat right top;}
.ribbon_before_active{float:left;width:11px;height:32px;background:#CCCCCC url('/image/tip.png') no-repeat right top;}
.ribbon_after_active{float:left;width:11px;height:32px;background:#CCCCCC url('/image/tip_active.png') no-repeat right top;}
.ribbon_end{float:left;width:11px;height:32px;background:#EFEFEF url('/image/tip_end.png') no-repeat right top;}
.ribbon_end_active{float:left;width:11px;height:32px;background:#CCCCCC url('/image/tip_end.png') no-repeat right top;}
#infobox{width:570px;}
#infobox hr {width:94%; color:#CCCCCC;}
.hoverMenuHoverPanel a{color: #999999;text-decoration:none;}

.modalPopup{background-color:#F5F6F8;padding:10px;border: thin solid #000000;}
.returnpanel{background-color:#CCCCCC;border:1px solid #000000;text-align: center;padding:2px 0px;margin-bottom:10px;}

.button{border:1px solid #CCCCCC;padding:4px 5px 5px 5px;background-color:#E6E6E6;margin:5px 10px 5px 0px;display:block;float:left;text-decoration:none;color:#30779D;font-size:10pt;}

input.button{padding:3px 4px 4px 4px;}

.btntext{border:1px solid #CCCCCC;background-color:#E6E6E6;margin:8px 10px 5px 0px;display:block;float:left;text-decoration:none;}

.clear{clear:both;}

.reorderlist li{list-style:none;}
.dragVisualContainer li {list-style:none;}

/*-------------- begin css tabs--------------------------------------------------------------------------------------------*/
.tabbox {border-left:1px solid #30779D;border-right:1px solid #30779D;border-bottom:1px solid #30779D;padding:10px;}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 0 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #30779D; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

ul#tabnav li.tab_active { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

ul#tabnav li.tab_active a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #30779D; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #EFEFEF; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 12px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */
