﻿* {
    padding: 0;
    margin: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/aui/6.0.1/aui/css/icons/aui-icon-close.png);
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

body 
{
	font-family: arial, verdana;
	font-size: smaller;
	line-height: 1.4em;
    background-position: top;
    background-repeat: repeat-x;
    background-color: #B3B3AF;
    margin: 0;
    padding: 0;
}

div.centeredContent 
{
    width: 807px;
    padding-top: 0px;
    display: block;
    margin: 0 auto;
}

div.pageHeader 
{
    margin: 16px 16px 16px 16px;    
}

div.pageShell 
{
    background-image: url('InnerBodyBackgroundGradient.png');
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #fffffc;
    border: 1px solid #90908a;
    margin: 32px 0px 0px 0px;    
    padding: 5px;
}

div.pageShell div.rightColumn div.pageShellContent 
{
    clear: both;
    margin-top: 5px;
    padding: 5px;
}

div.phoneBox 
{
    margin-top: 10px;
    border-top: 1px solid #dad9d3;
    background-color: #eae9e3;
    bottom: 0px;
}

div.pageShell div.rightColumn div.pageShellContent ul.phone
{
    font-size: small;
    padding: 10px 5px 10px 15px;
    list-style-image: url('Phone.png');    
    vertical-align: bottom;
}

div.pageShell div.rightColumn div.pageShellContent ul.phone li 
{
    margin-left: 20px;
    color: #68645d;
    line-height: 1.5em;
    width: 100%;
}

div.validationContainer 
{
}

div.validation 
{
    background-color: #ffbb71;  
}

div.validation ul
{
    color: Black;
    list-style-type: square;
    margin-left: 2em;
}

div.validation ul li
{
    color: Black;
    padding: 2px 2px 2px 2px;
}

a 
{
    font-weight: bold;
    text-decoration: none;
    color: #de6f1d;
}

a:hover
{
    color: #eb942d;
}

div.footer 
{
    clear: both;
    font-size: x-small;
    text-align: center;
    padding: 5px 5px 25px 5px;
    color: #a0a0a0;
}

div.footer div.text
{
    float: right;
    text-align: right;
}

div.footer div.copyright
{
    float: left;
    text-align: left;
}

div.footer a 
{
    color: #ce5f0d;
}

div.footer a:hover
{
    color: #de6f1d;
}


/*
 * Required Fields
 */
input[type='checkbox'] 
{
    margin-top: 2px;
}

label 
{
    color: #303030;
    margin-right: 15px;    
}

.required 
{
    color: #300000;
    font-style: italic;
}



/*
 * Input Controls
 */
input[type=text] 
{
    border: 1px solid #b4b4b0;
}

input[type=password]
{
    border: 1px solid #b4b4b0;
}

input[type=radio]
{
    margin-right: 5px;
}

input[type=checkbox]
{
    margin-right: 5px;
}

select 
{
    border: 1px solid #b4b4b0;
}

textarea 
{
    border: 1px solid #b4b4b0;
}

/*
 * Menu
 */
div.menu 
{
    
}

div.menuSpacer
{
    clear: both; 
    font-size: 1px; 
    overflow: hidden;     
}

div.menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.menu ul li {
	float: left;
}

div.menu ul li span,
div.menu ul li a
{
    display: block;
}


/*
 * Navigator
 */
div.navigator 
{
    margin-top: 15px;
    float: right;
}

div.navigator ul
{
    text-align: center;
    font-size: smaller;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.navigator ul li {
	float: left;
    padding: 1px;
    margin-left: 5px;
}


/*
 * Form 
 */
 fieldset 
{
    border: none;
    margin-top: 25px;
    margin-bottom: 0px;
    padding: 0px 5px 0px 10px;
}

fieldset.giftDetails
{
    background-color: #f0f0eb; 
    border-bottom: 1px solid #d1d1cf;
}

legend
{
    width: 100%;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: -20px;
    margin-left: -5px;
    border-bottom: 1px solid #c4c4c0;
    padding: 0px 2px 0px 0px;
}

table.navigation 
{
    margin-top: 15px;
    margin-bottom: 15px;
}

table th 
{
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #b7b7b4;
    padding: 2px;
}

table tr
{
}

table td 
{
    padding: 2px;
}

table td.smallPadTop
{
    padding-top: 1em;
}

table td.largePadTop
{
    padding-top: 1.5em;
}

table td.smallPadBottom
{
    padding-bottom: 1em;
}

table td.largePadBottom
{
    padding-bottom: 1.5em;
}


/*
 * Tooltip
 */
#dhtmlgoodies_tooltip{
	background-color:#EEE;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:20000;
	padding:10px;
	font-size:0.9em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	
}

#dhtmlgoodies_tooltipShadow{
	position:absolute;
	background-color:#555;
	display:none;
	z-index:10000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}


/*
 * Alert
 */ 
#AlertDiv{
    left: 40%; 
    top: 40%;
    position: absolute; 
    width: 200px;
    padding: 12px; 
    border: #000000 1px solid;
    background-color: white; 
    text-align: left;
    visibility: hidden;
    z-index: 99;
}

#AlertButtons
{
    position: absolute; 
    right: 5%; 
    bottom: 5%;
}

.modalBackground 
{
	background-color: #a0a0a0;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup 
{
    margin: 1em 12em 1em 1em; 
    padding: 1em 1em 1em 1em; 
    background-color: #f0eee9; 
    border: 1px solid #8a8983;    
	width: 400px;
}