﻿
    table { border-collapse: collapse; }
    td { vertical-align: top; }
    
    div.clear { clear: both; height: 0; visibility: hidden; }
    
    

    

    
    
    
    
    /* menus */
        
    div.menuIcon { float: left; display:inline-block; padding: 5px 8px 0px 8px;  }
    div.menuOptions { display: inline-block; width: 90% }
    div.menuCategory { border-bottom: 1px dotted; padding: 0px 0 10px 0; width: 100%; }

    /* table layouts */    
    table.multicol { width: 100%; border-collapse: collapse; }
    td.innercol {  }
    
    div.PageTitlePanel { margin: 0px 0px 3px 0px; }
    div.PageTitleImage { margin: 0px 5px 0px 0px; vertical-align: middle; }
    div.PageTitleDescriptionPanel { margin: 0px 0px 10px; }
    
    div.Box { border: 1px solid; padding: 10px; margin-bottom: 10px; }
    /* box */ .Shaded { border-style:solid; border-width: 0 1px 1px; }
    div.Postcard { border-style:solid; border-width: 0 1px 1px; padding: 10px 15px; margin: 5px 5px 10px; }
        
    .PostcardBoxContent { margin:5px 5px 0; padding:3px; }
    .PostcardBoxOneTitle { background-image:url(panel_header.gif); background-position:center top; background-repeat:repeat-x; 
        border:1px solid; margin: 0.75%; padding-top:0; }
    .Postcard * { margin-top: 0px; }
    .PostcardTitleHeader { position:relative; top: -9px; margin-left:10px; }
    .PostcardBoxOne { border:1px solid; margin:0 0 10px; }


H1, H2 { margin: 4px 0px 2px 0px; }
H4, H5, H6 { margin: 3px 0px 1px 0px; }



td.fieldName 
{   
    width: 125px;
    padding: 2px;
    vertical-align: top; 
}

td.fieldData
{
    min-width: 100px;
	padding: 2px;
	vertical-align: top;
}

.Sport H1, H2, h3 { }

/* Ajax Rating Star */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar { background-image: url(../../../Library/Images/Icons/FilledStar.png); }
.emptyRatingStar { background-image: url(../../../Library/Images/Icons/EmptyStar.png); }
.savedRatingStar { background-image: url(../../../Library/Images/Icons/SavedStar.png); }

.Button 
{ 
    border: solid 1px; 
    height: 22px; 
    font-weight: bold;
    min-width: 75px;
}


.DefaultTextBox
{
    width: 300px;
	border-right: solid 1px;
	border-top: solid 1px;
	border-left: 1px solid;
	border-bottom: 1px solid;
	font-size: 8pt;
	padding: 1px 0px 1px 5px;
	background-color: #f9faec; 
	border-color: #605A12 #E2E59E #E2E59E #605A12;
}

.DefaultTextBoxRequired
{
    width: 285px;
	border-right: solid 1px;
	border-top: solid 1px;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-color: Red;
	font-size: 8pt;
	padding: 1px 0px 1px 5px;
	background-color: #f9faec; 
	border-color: #605A12 #E2E59E #E2E59E #605A12;
}



.ShortTextBox
{
	width: 100px;
	border-right:1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	font-size: 8pt;
	padding: 1px 0px 1px 5px;
	background-color: #f9faec; border-color: #605A12 #E2E59E #E2E59E #605A12;
	
}

.MediumTextBox
{
	width: 200px;
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	font-size: 8pt;
	padding: 1px 0px 1px 5px;
	background-color: #f9faec; border-color: #605A12 #E2E59E #E2E59E #605A12;
	
}

/* Small form buttoms  */
.Toolbar { float:right; }


/* August 2009 Confirmed CSS Scheme */
.container { clear:both; margin: 0px; padding: 8px; background-color: #f9faec; border: solid 1px #d8db6f; }
.container .content { background-color:#ffffff; padding: 10px; border: 1px solid #777; }
.container.withtools .content { margin-right: 230px; min-height: 300px; }
.container.withtools .tools {  line-height: 1.5em; font-size: 11px; margin-top: 25px; background-color:#ffffff; padding: 10px; 
    vertical-align: top; float:right; border: 1px solid #777; width:200px !important; margin-right: 0px !important; min-height: 300px;  }

.container.withtools .tools img { vertical-align: middle; margin-right: 4px; }

.container .tree {font-size: 11px;  background-color:#ffffff; padding: 10px;
    vertical-align: top;  width: 200px !important;border: 1px solid #777;min-height: 300px; }

.content.treed { margin-left: 250px !important; }
.tools h6 { border-bottom: 1px solid; }

.container .tabs { float: left; }

.tabbed { margin-top: 25px; }


.grid1col, .grid2col, .grid3col, .grid4col { display: inline-block; min-width: 550px; width: 100%; }
.column { float:left; }
.column.first, column.last { margin-left: 0 !important; }
.column.last { float: right !important; border-right: 0px; }
.grid1col .column { width: 100%; }
.grid2col .column { width: 49.5%; margin-left: 0.5%; }
.grid3col .column { width: 32%; }
.grid4col .column { width: 24%; }


.panel { margin: 5px 0px 20px 0px; background-color:#ffffff; padding: 7px; width: 98%; min-width: 275px; }


/* Rad Grid - Skin Id - Minimal (+Paged) */
.minimal .rgHeader { font-size: 10px; line-height: 1em; height:10px !important; background-image: none !important; background-color: #f9faec !important; }
.minimal .rgPager { font-size: 10px; line-height: 1em; height:10px !important; background-image: none !important; background-color: #fff !important; }
.minimal .rgPagerCell { padding: 2px !important }

/* Rad Dock Overrides */
.RadDock_Default .rdTitlebar { background-color:#FFFFFF !important; }
.rdHTitlebar .rdTitlebar { border-width:0px !important; background-color:#f9faec !important; }
.RadDock_Default .rdHTitlebar .rdTitle { background-color:#f9faec !important; background-image: none !important; }
.RadDock_Default .rdTopBorder, .RadDock_Default .rdSideBorders, .RadDock_Default .rdBottomBorder { border-color:#828282; }
.rdTopBorder, .rdSideBorders, .rdBottomBorder { border-width:1px !important; border-color:  #f9faec !important;}

.toolbar_button_add
{
    background-position: left center;
    margin: 5px;
    background-color: #ddd;
    border: 1px solid #ccc;
    background: url('../../../../../Library/Images/Icons/add_16x16.gif') no-repeat left center;
    padding: 2px 2px 2px 20px;
    font: 8pt "tahoma";
    color: #336699;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0px;
}






 
.textmenuitem { width: 100%; display: block; padding: 2px 0px 2px 10px; }
.textmenuitem:hover { background-color: #F9FAEC; }