BODY {
    background-color : white;
    font-family: Segoe UI,Tahoma,Verdana,Arial,sans-serif; /*Verdana, Geneva, Arial, Helvetica, sans-serif*/;
    font-size : 12pt;
    color: #444444;
}

.page{
    min-width: 780px;
    max-width: 1000px;
    width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1002? "1000px" : "auto");
    background-color: #ffffff;
    margin: 10px auto;
}

.content{
	padding:4px;
}

TABLE, TD, TR {
    font-size : 12pt;
    empty-cells: show;
    align: left;
}
TH {
    background-color : #DCDCDC;
    font-size : 10pt;
    font-weight : bold;
    text-align : center;
    font-variant : small-caps;
    color : Black;
}

h1 { 
    font-size: 20px; 
    font-weight: bold; 
    color: #7D9EC0; 
}

h2 { 
    font-size: 15px; 
    font-weight: bold; 
    color: #444444;
}

h3 { 
	margin:1px;
}


img {
    border: none;
}

A, A:LINK, A:VISITED {
    font-weight : bold;
    color : #000000;
    text-decoration : underline;
}
A:HOVER {
    color : #888888;
}

.footer {
    font-size : 10pt;
    color : #000000;
    text-align: center;
}


/**** login box ****/
a.login, a.login:link, a.login:visited {
    font-size : 10pt;
    color : #cccccc;
}
a.login:hover {
    color : #888888;
}

input.login_button {
    background-color : #ffffff;
    border : 2px solid #888888;
    font-size : 9pt;
    color : #7D9EC0;
    font-weight : bold;
}

/**** form input ****/
input.button {
    background-color : #ffffff;
    border : 2px solid #888888;
    font-size : 10pt;
    color : #7D9EC0;
    font-weight : bold;
}
input.text {
    background-color : #ffffff;
    font-size : 8pt;
}

#hintbox {
    position:absolute;
    top: 0;
    background-color: #FAFAD2;
    width: 150px;
    padding: 3px;
    border:3px solid #7D9EC0;
    font:normal 11px Verdana;
    line-height:18px;
    z-index:100;
    visibility: hidden;
    text-align:left;
}

.hintanchor {
    font-weight: bold;
    font-size : 12pt;
}

/**** breadcrumbs ****/
.breadcrumbs {
    /*width : 99%;*/
    text-align : right;
    font-weight : bold;
    border-bottom-style: solid;
    border-bottom-color: #AAAAAA;
    border-bottom-width: 5px;
    margin: auto;
    padding: 5px;
    padding-right: 10px;
}

/**** feedback ****/
.error {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 11pt;
    font-weight : bold;
    text-align : left;
    color : #FF6666;
    padding: 1px;
    width: 100%; 
}
.success {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 11pt;
    font-weight : bold;
    text-align : left;
    color : #006400;
    padding: 1px;
    width: 100%; 
}
.add_info {
    font-size : 9pt;
    color : #000000;
}

/**** user type hide box ****/
.hideBox {
    display: none;
}
.showBox {
}



/**** new pickem step boxes ****/
#stepbox {
    width: 100%; 
    border-color: #AAAAAA; 
    border-style: solid; 
    border-width: 2px; 
    margin-top: 5px;
}
#stepbox_main {
    width: 100%; 
    padding: 5px;
    margin-left: 60px;
}
#stepbox_header{
    width: 100%; 
    padding: 5px;
    font-size: 12px; 
    background-color: #AAAAAA;
}

/****** menu style ******/


div.menu_tab_left {
    /*margin-left: 25px;*/
    float: left;
    height: 18px;
    width:  40px;
}

div.menu_tab {
    margin-left: 5px;
    background: #B0C4DE;
    float: left;
}

div.menu_tab a  {
    height: 18px;
    width:  75px;
    padding: 3px;
    display: block;
    text-align: center;
    line-height: 18px; /*verticaly center the text, must be same as height*/
}

   
div.menu_tab a:link, div.menu_tab a:visited {
    color: black;
    font-weight: bold;
    text-decoration:none;
    
}

div.menu_tab a:active {
    color: #d3d3d3;
}
   
div.menu_tab a:hover, div.menu_tab_sel {
    color: black;
    background-color: #aaaaaa;
}

/**** main content ****/
div.tab_page_content{
    background: #ffffff;
    padding: 3px;
    padding-top: 10px;
    text-align: center;
}

div.min_height {
    height:200px;
    float:right;
    width:1px;
    background: red;
}

/**** rounded corner ****/
div.t {background: url(../template/images/grey_dot.png) 0 0 repeat-x;}
div.b {background: url(../template/images/grey_dot.png) 0 100% repeat-x}
div.l {background: url(../template/images/grey_dot.png) 0 0 repeat-y}
div.r {background: url(../template/images/grey_dot.png) 100% 0 repeat-y}
div.bl {background: url(../template/images/bl.png) 0 100% no-repeat}
div.br {background: url(../template/images/br.png) 100% 100% no-repeat}
div.tl {background: url(../template/images/tl.png) 0 0 no-repeat}
div.tr {background: url(../template/images/tr.png) 100% 0 no-repeat; width: 100%; }