﻿/*============= GENERAL PAGE DEFINITION ===============*/
#shadowcontainer
{
    background-image: url(../images/shell/shadow.gif);
    width: 968px;
    margin-left: auto;
    margin-right: auto;
}

#shadowcontainer_bottom
{
    background-image: url(../images/shell/shadow_bottom.gif);
    height: 4px;
    width: 968px;
    margin-left: auto;
    margin-right: auto;
}

#outercontainer
{
    width: 960px;
    background-color: #2b2b2b;
    margin: 0 auto;
}

body
{
    background-color: #959595;
    margin-top: 0px;
}
table.ucTable
{
    width: 540px;
    border: 0px solid black;
}

table.ucTable thead tr td, .PaymentSummary thead tr td
{
    border-bottom: 1px solid black;
}

table.ucTable tfoot tr td.buttonInstructions
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-top:10px;
    padding-bottom:10px;
}

table.ucTable tfoot tr td.buttonPlaceHolderRow
{
	padding-bottom: 25px;
	padding-top: 25px;
}
table.ucTable tfoot tr td.buttonInstructionsGridPage
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
/*=========== END GENERAL PAGE DEFINITION =============*/


/*============= NAVIGATION ===============*/


#mainNav
{
    background-color: #000000;
    height: 22px;
    border-top: 1px solid #fff;
    border-bottom: solid 1px white;
    padding: 0px 0px 0px 3px;
}

/*
#mainNav ul
{
	list-style: none;
	margin: 0 0 0 4px;
	height: 22px;
}

#mainNav ul li
{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

	height: 21px;
	background: url(../images/shell/navDivider.jpg) no-repeat right center;
}


#mainNav ul li.last
{
	background: none;
}

#mainNav ul li a:link, #mainNav ul li a:visited
{
	text-decoration: none;
	padding: 4px 9px 0;
	display: inline-block;
	height: 18px;
	color: #FFF;
}

#mainNav ul li a:hover, #mainNav ul li a:active
{
	color: #FFF;
	background: #9d0203;
}*/

/*=========== END NAVIGATION =============*/


/*============= MAIN CONTENT ===============*/

#innercontainer
{
    background-color: white;
    border-bottom: 2px solid #555;
    padding-top: 0px;
    color: black;
    width: 100%;
}

#formContainer
{
    width: 640px;
    padding: 5px 5px 5px 5px;
}



#formColumn
{
    height: 100%;
    vertical-align: top;
    border-right: 1px solid black;
    width: 660px;
    padding-left: 5px;
}

.titleImage
{
    margin-left: 20px;
    margin-top: 5px;
}

/*======= Search Box ========*/
#searchColumn
{
    vertical-align: top;
    padding-top:8px;
    width: 300px;
    background-color: #F5F5F5;
    border-right: 1px solid #959595;
}

#searchContainer
{
    padding: 0px 5px 15px 20px;
}

div#searchContainer table.searchTable 
{
    width:250px; 
    background-color:White; 
    border:1px solid #CCCCCC;
}

div#searchContainer table td.searchHeaderCell 
{
    height:27px; 
    color:white; 
    font-size: 9pt; 
    padding-left:5px; 
    font-family:Tahoma; 
    background-image:url('Plastic Blue/GridView/gvHeaderBackground.gif');
}

div#searchContainer table td.sectionHeader
{
    padding:10px 0px 10px 5px;
    font-family:Tahoma;
    font-size:12px;
    color:#3F3F3F;
    font-weight:bold;
}

div#searchContainer table td.fields, div#searchContainer table td.links
{
    padding-left:12px;
}

div#searchContainer table td.fields div.fieldHeader, div#searchContainer table td.fields div.fieldHeaderWithMargin
{
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

div#searchContainer table td.fields div.fieldHeaderWithMargin
{
    margin-top:7px;
}

div#searchContainer table td.fields div.searchButton
{
    float:right;
    margin-right:14px;
    margin-top:7px;
}

div#searchContainer table td div.divider
{
    height:1px;
    width:222px;
    background-color:#CCCCCC;
    margin-left:16px;
    margin-top:8px;
}

div#searchContainer table td.links a
{
    color:#5A83D0;
    margin-bottom: 10px;
    display:block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

div#searchContainer table td.fields a:Hover
{
    color:#2443a9;
}

.notice {
    margin-top:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:red;
}

/*=========== END SEARCH BOX =============*/


.disclaimer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#FFFFFF;
}

#jsMessage
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:red;
    font-weight:bold;
    text-align:center;
    margin-bottom:10px;
}


/*=========== END MAIN CONTENT =============*/



/*=========== FOOTER =============*/
#footer
{
    text-align: center;
    padding: 0px 10px 10px 10px;
    background-color: Black;
    color: White;
    font-size: 11px;
    font-family: Verdana;
    line-height: 16px;
}

#footer a
{
    color: #FFFFFF;
}

#footer hr
{
    background-color: #555555;
    border: medium none;
    height: 1px;
    width: 480px;
}
/*========= END FOOTER ===========*/

.thumbTextShort
{
    margin: 0 0 -5px 21px;
    height: 34px;
}

.thumbTextShort img
{
    float: left;
}

.thumbTextShort a
{
    float: left;
    width: 211px;
    margin-left: 12px;
    color: #fff;
    line-height: 16px;
    font-size: 1.2em;
}

/*========= MENU ===========*/
.TopGroup
{
    background-color: #000000;
    cursor: default;
    height: 22px;
}

.MenuGroup
{
    background-color: #000000;
    cursor: pointer;
    border: 1px solid gray;
}

.TopMenuItem
{
    background-color: #000000;
    color: white;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.TopMenuDivider
{
    width: 1px;
    background-image: url(../images/navDivider.jpg);
}

.TopMenuItemHover
{
    background: #9d0203;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.MenuItem
{
    color: white;
    background: #000;
    font-family: arial;
    font-size: 12px;
    cursor: pointer;
}

.MenuItemHover
{
    color: White;
    background: #9d0203;
    font-family: arial;
    font-size: 12px;
    cursor: pointer;
}

.MenuBreak
{
    width: 99%;
    height: 12px;
}

.SelectedItem
{
    background-color: #9d0203;
    color: white;
    font-weight: bold;
    font-size: .9em;
    cursor: pointer;
    font-weight: bold;
}

/*========= RESULT STYLES ===========*/

.templateTable
{
    width: 640px;
    border-collapse: collapse;
    background-color: #f3f8f7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.templateTable TD
{
    border-right: #c2d4da 1px solid;
    border-top: #c2d4da 1px solid;
    border-left: #c2d4da 1px solid;
    border-bottom: #c2d4da 1px solid;
    padding: 5px 5px 5px 2px;
}
.templateTable IMG
{
    vertical-align: bottom;
}
.templateCaption
{
    background-color: #ecf2f3;
}


