/* end of must keep */	


.Fix  {position:relative;}

/*These divs will display a two column layout 40% on left and 60% on right*/
div.two_column_wrapper{width: 100%; margin-bottom: 10px;}
div.left_box_40_percent{float: left;width: 40%;}
div.right_box_60_percent{float: right;width: 60%;Height: 100%;min-height: 100%;margin-right: 0px;}

div.left_box{float: left;width: 70%;}
div.right_box_220{float: right;width: 220px;Height: 100%;min-height: 100%;margin-right: 0px;}

/*These divs will display a two column layout 60% on left and 40% on right*/
div.left_box_60_percent{float: left;width: 80%;}
div.right_box_40_percent{float: right;width: 40%;Height: 100%;min-height: 100%;margin-right: 0px;}

/*These divs will display a two column layout 50% on left and 50% on right*/
div.left_box_50_percent{float: left;width: 49%;}
div.right_box_50_percent{float: right;width: 49%;Height: 100%;min-height: 100%;margin-right: 0px;}

/*These divs will display a two column layout 50% on left and 50% on right*/
div.left_box_30_percent{float: left;width: 33%;}
div.mid_box_30_percent{float: right;width: 33%;}
div.right_box_30_percent{float: right;width: 33%;}

h1, h2, h3, h4, h5, h6 {color: black;}
h1 a:Link, h2 a:Link, h3 a:Link, h4 a:Link, h5 a:Link, h6 a:Link {text-decoration: none!important;}

.rpTemplate {line-height: normal!important;color: #5A5A5A!important;}



/*top nav*/

#topnav-wrap {
background-color: black;
height: 36px;
display: block;
padding-left: 30px;
margin-bottom: 5px;
color: white;
vertical-align: middle;
}

#topnav-wrap a:Link, #topnav-wrap a:Visited, #topnav-wrap a:Active
{
    color: White;
}

#topnav {
background-color:Black ;
float: right;
text-align: right;
height: 29px;
line-height: 29px;
padding: 0 5px;
display: block;
width: 100%;

}

#topnavLeft
{
    width: 40%;
    float: left;
    text-align: left;
}

#topnavRight
{
    width: 60%;
    float: right;
    text-align: right!important;
}

.loginButton, .userMenuDiv
{
    position:absolute;
    right: 0px;
    top:0px;
}

.userMenuDiv
{
    height: 36px;
}

.loginDiv, .userMenuDiv
{
    background-color: #25A0DA;
    color:white;
    width: auto;
}

.loginDiv
{
    
    z-index:10000000;
    position:absolute;
    right: 0px;
    top:36px;
    padding: 10px 10px 10px 10px;
}

.divContentBlock, .divContent
{
    padding-right: 15px;
}

.divContent
{
    padding-left: 5px;
    margin-left: 10px;
}



/*Rad control styles*/

.riLabel, .rcbLabel
{
    width: 150px!important;
    min-width: 100px;
}

/*end rad control styles */

/* Zevero control library styles */

/* Table styles */

.table5050
{
    width: 100%;
}

.table5050 TD
{
    width: 50%;
}

.table1585
{
    width: 100%;
}

.cell15
{
    width: 15%;
}

.cell85
{
    width: 85%;
}

/* End Table styles */

/*size of cell for formfield labels/titles */

.FormTable
{
    text-align: left!important;
}

/*div that holds any input control*/
.divInput
{
    margin-bottom: 3px;
    margin-top: 3px;
}

.divTitle
{
    float:left;
    margin-bottom: 3px;
    margin-top: 3px;
}

.titleCell
{
    width: 150px;
    text-align: left!important;
}

/*size of cell for formfield input controls */
.inputCell
{
    width: 300px;
    text-align: left!important;
}

/* Div styles */

.divCommandButtons
{
    width: 100%;
    
}

.divCommandButtonsInnerLeft
{
    margin:  0px  0px 5px 5px;
    width: 40%;
    text-align: left;
    float: left;
}

.divCommandButtonsInnerRight
{
    margin: 0px 5px 5px 5px;
    width: 40%;
    text-align: right;
    float: right;
}

.divPrice
{
    padding-bottom: 5px;
}

/* End of Div stylest */

.validatorSymbol
{
    color: #BDD3DC;
    font-size: small;
}

/* Portal Styles*/

#PortalDiv
{
    height: 100%;
    background-color: white;
}

#PortalContentDiv
{
    margin-left: 4%;
    margin-right: 4%;
    margin-Top:   10px; 
    margin-bottom: 10px;
    text-align: left;  
}

#mainContentWrapper
{
    margin-left: 10%;
    margin-right: 10%;
    margin-Top:   10px; 
    margin-bottom: 10px;
}

.softBorder
{
    border: none!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #BDD3DC!important;
    padding: 5 5 5 5; 
}

/*List view controls*/
.listViewSeperatorDiv
{
    margin-bottom: 10px;
    margin-top: 6px;
}

.listViewItemDiv
{
}

/*scrolling list view styles*/
#exampleContainer
{
    background-color:#E9E9E9;
}

#scrollingItemLayout
{
    overflow:hidden;
    height:370px;
}


#scrollingListScrollArea
{
    overflow:auto; 
    height:100%;
    position:relative;
}

.scrollingListItem
{
    width:90%;
    height:80px;
    color:#333333; 
    font-size:11px;
    padding:6px 6px 13px;
    cursor:default; 
    margin-bottom:5px;
    
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.scrollingListItem:hover, .softBorder:hover
{
    background:white;
    -moz-box-shadow:  0 3px 4px #cccccc;
    -webkit-box-shadow: 0 3px 4px #cccccc;
    box-shadow: 0 3px 4px #cccccc;
}

.scrollingListItem a
{
    color:#333333;
    text-decoration:none;
}

.scrollingListItem a:hover
{
    color:#1c62b9;
    text-decoration:underline;
}

.scrollingListItem:hover a
{
    color:#1c62b9;
}

.scrollingListItem .thumb
{
    float:left;
    width:138px;
    height: 80px;
    display:inline-block;
    position:relative; 
    overflow: hidden;
    
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.scrollingListItem .thumb img
{
    width:90px;
}


.scrollingListItem .thumb .time
{
    background-color: #000000; 
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 14px;
    line-height: 14px; 
    padding: 0 4px;
    vertical-align: top;
    bottom: 2px;
    position: absolute;
    right: 2px;
    opacity: 0.75;
    filter: alpha(opacity = 75);
    
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.scrollingListItem .content
{
    padding-top:5px;
    padding-left:10px;
    overflow:hidden; 
}

.scrollingListItem .content h3
{
    height:19px;
    overflow:hidden;
    font-size:16px;
    font-weight:800;
    margin: 0 0 5px;
    color: #333333; 
}

.scrollingListItem .description
{
    line-height: 1.2em;
    margin-bottom: 0.5em;
    max-height: 2.4em;
    overflow:hidden;
    color:#666666;
}

.scrollingListItem .details
{
    color:#666666;
    line-height:17px;
}

.scrollingListItem .details .sep
{
    color: #CCCCCC;
}

#scrollingListFooter
{
    margin-left:25px;
    text-align:center;
}

#scrollingListMore
{
    width:100px;
    visibility:hidden;
    margin-left:175px;
}

#scrollingListAutoLoad
{
    float:right;
    width:100px;
    margin-right:20px;
    visibility:hidden;
}

.ybutton
{ 
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #AAAAAA;
    color: #555555; 
    text-align:center;
    display: block;
    height: 2.78em;
    line-height: 2.8em;
    text-decoration: none;
    padding: 0 0.91em;
    font-size: 11px;
    font-weight: bold;
        
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 0 1px #FFFFFF inset;
    -webkit-box-shadow: 0 0 1px #FFFFFF inset;
    box-shadow: 0 0 1px #FFFFFF inset;
    -moz-text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
    -webkit-text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
    background-image: linear-gradient(#FFFFFF, #E0E0E0);
}

.ybutton:hover
{
    background-image: -moz-linea-gradient(#ffffff, #e0e0e0);
    background-image: -webkit-linea-gradient(#ffffff, #e0e0e0);
    background-image: -o-linea-gradient(#ffffff, #e0e0e0);
    background-image: linea-gradient(#ffffff, #e0e0e0);
    
    
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #ffffff inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #ffffff inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #ffffff inset;
}

.ybutton:focus
{
    outline: medium none;
    
    -moz-box-shadow: 0 0 5px #4496E7, 0 0 10px #FFFFFF inset;
    -webkit-box-shadow: 0 0 5px #4496E7, 0 0 10px #FFFFFF inset;
    box-shadow: 0 0 5px #4496E7, 0 0 10px #FFFFFF inset;
}


/* Edit screens */

#screen
{
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
}