/*** The Essential Code ***/

body, p, a, td, label
{
    font-family:georgia, arial, helvetica, sans-serif !important;
    font-size: small;
}
a {
	color:#01354d;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	}
a:link {color:#01354d;}
a:visited {color:#01354d;}
a:hover 
{
    /*background-color:#eee;*/
    text-decoration: underline;
}
a.iehideLink {
	color:#01354d;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	}
body
{
    margin: 0px;
    padding: 0px;
    color: #111;
    background: url(/images/background-goldgrid.gif);
}
h1,h2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#eab200;
	}
h2
{
    font-size:18px;
    line-height:18px;
    color:#555;
}
h4
{
    text-align: left;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    border-bottom: thin solid #666;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.searchKeywords
{
    border: solid thin #999;
    padding:5px;
	font-size:12px;
    color:#aaa;
    font-weight:normal;
}
hr
{
    color: #666;
    margin-bottom: 10px;
    margin-top: 10px;
}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

#page
{
    width: 1100px;
    background-color: White !important;
    text-align: left; 
    border-left: solid thin black;
    border-right: solid thin black;
}
#topMenu
{
    background-color: #01354d;
    color: #eab200;
    text-align: right;
    padding: 10px;
    font-size: medium;
}
#topMenu ul
{
    margin:0;
    padding-top:2px;
    padding-bottom:2px;
    text-align: right;
}
#topMenu ul li
{
    display: inline;
}
#topMenu ul a
{
    font-size: medium;
    color: #eab200;
    margin: 0;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    letter-spacing: 0px;
}
#topMenu ul a:hover
{
    /*background: #ccc url("Images/nav-over.gif") repeat-x left top;*/
    color: #fff;
}

#Footer {	
	background: #000;
	border-top: solid thin #ff7f00;
	text-align: center;
	padding: 10px;
	color: #aaa;
	font-size: small;
	}
#Footer a
{
	font-size: small;
    color: #ff7f00;
}
#Header {	
	background: #01354d;
	border-bottom: solid 1px black;
	padding: 5px;
	color: #ccc;
	letter-spacing: 1px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}

#Content
{
    /*float:left;
    margin: 0px 190px 50px 10px;
    margin: 10px;*/
    padding: 10px;
}

#Menu 
{
	/*position:absolute;
	top:100px;
	right:20px;*/
	text-align: right;
	width:220px;
	padding:10px 10px 10px 10px;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:190px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

.menuFloat
{
    float:left;
    padding: 0 15px 0 15px;
}
#menuTop
{
    margin: 0;
    padding-top: 10px;
    background-color: #222;
    border-bottom: solid 1px #000;
}
#announce
{
    margin: 0;
    padding: 10px;
    background-color: #555;
    border-bottom: solid 1px #000;
    display: none;
}
.rightMargin
{
    margin: 0px 210px 50px 10px;
}

.helpBlurb
{
    padding-right: 5px;
    padding-left: 5px;
    font-size: x-small;
    padding-bottom: 3px;
    color: black;
    padding-top: 3px;
    background-color: #ff7f00;
    margin: 2px;
}

/* ========================
THUMBNAIL BOXES STYLE
=========================*/
/* ========================
THUMBNAIL BOXES STYLE
=========================*/
.thmBox
{
    text-align: center;
    margin: 2px;
    padding-top:6px;
        
    display: inline;
    float: left;
    clear: none;
    position: static;
    overflow: hidden;
}
.pictureThmBox
{
    height:320px;
    width:260px;
    position:relative;
}

.thmBoxRecentCreated, .thmBoxRecentUploaded
{
    background-image: url(/images/icons/new.png);
    background-position: center top;
    background-repeat: no-repeat;
}
.thmBoxRecentUploaded
{
}
.menuShading
{
    position:absolute;
    top:3px;
    background-color:#fff;
    width:100%;
    height:100%;
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75;
    z-index:100;
}
.thmFunctionsBox
{
    position: absolute;
    /*top: 12px;*/
    left: 0px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    z-index: 1000;
    visibility: hidden;
    display: none;
    border: 0px;
}    
    .thmFunctionsBox .menuRow
    {
         position:relative;
         z-index:200;
    }
    .thmFunctionsBox .menuItems
    {
        display: none;        
    }
    .thmFunctionsBox:hover .menuItems
    {
        display: block;        
    }
    .thmFunctionsBox img
    {
        position: relative;
        top: 4px;
    }
    .thmBox:hover .thmFunctionsBox, .thmBoxRecent:hover .thmFunctionsBox
    {
        visibility: visible;
        display: block;
    }
    .headerMenu
    {
        text-align: center;
    }
    .headerMenu .thmFunctionsBox
    {
        visibility: visible;
        display: block;
        text-align: center;
    }
    .headerMenu .menuRow .menuRowText, .headerMenu .menuShading, .headerMenu .menuRow
    {
        display: none;
    }
    .headerMenu .menuItems
    {
        display: block;
    }
    .headerMenu .menuItems .menuRow
    {
        display: inline;
    }
.thmFunctionsBar
{
    position: absolute;
    top: 12px;
    left: 10px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
    z-index: 1000;
    visibility: hidden;
    display: none;
    border: 0px;
}
    .thmBox:hover .thmFunctionsBar, .thmBoxRecent:hover .thmFunctionsBar
    {
        visibility: visible;
        display: block;
    }
    .thmImageBar
    {
        padding: 5px;
        text-align: center;
        vertical-align: bottom;
    }
    .thmImageBar img
    {
        border: 0;
    }
    .thmInfoKeywordsBar
    {
        font-size: x-small;
        padding-top: 5px;
        padding-bottom: 1px;
        padding-right: 10px;
        padding-left: 10px;
        vertical-align: middle;
        text-align: left;
        height: 30px;
    }
    .thmInfoBar
    {
        font-size:x-small;
        padding-top: 3px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .thmInfoBarBold
    {
        font-weight: bold;
        font-size: x-small;
        padding-top: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }
/* ========================
BASIC STYLE
=========================*/
img
{
    border: 0;
    border-color: Black;
    
}
a.minorLink
{
    color: #ccc;
    text-decoration: none;
    font-family: georgia, arial, helvetica, sans-serif;
    font-weight: normal;
}
a.minorLink:link {color:#ccc;}
a.minorLink:visited {color:#ccc;}
a.minorLink:hover 
{
    text-decoration: underline;
}




.dialogOuterTable
{
    border-right: black thin solid;
    padding-right: 0px;
    border-top: black thin solid;
    padding-left: 0px;
    padding-bottom: 0px;
    border-left: black thin solid;
    padding-top: 0px;
    border-bottom: black thin solid;
    margin: 10px;
}
.dialogTable
{
    font-size: 10pt;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.dialogHeader
{
    font-size: 12pt;
    font-weight: bold;
    background-color: black;
    color: whitesmoke;
}
.dialogSubHeader
{
    font-size: 8pt;
    background-color: gray;
    color: whitesmoke;
}
.dialogItemName
{
    font-size: 10pt;
    text-align: right;
    vertical-align: top;
}
.dialogItem
{
    font-size: 10pt;
}

/*========================
OVERVIEW PAGE STYLES
=================*/
/* Content Image Lead */
.contentImageLead
{
    margin: 0 auto;
    width: 700px;
    padding: 10px;
    text-align: center;
    position: relative;
}
        .contentImageLead .mainImage img
        {
            margin: 0;
            border: solid 4px black;
        }
        .contentImageLead h2, .contentImageLead h2 a
        {
            font-size: small;
            font-weight: normal;
            text-align: center;
            margin-bottom: 0;
            padding-bottom: 0;            
        }
.contentImageLead h2, .contentImageRecent h2
{
    color: #999;
    letter-spacing: normal;
}
.contentImageLead .overlayText span
{
    color: #333;
    padding: 5px;
    margin: 0;
    font-size: 25px;
    font-family: Georgia;
    text-align: center;
}
/* Content Image Feature/Recent */
.contentImageArea
{
    text-align: center;
    padding: 10px;
}

.contentImageRecent
{
    float: left;
    margin: 10px;
    position: relative;
}
.contentImageRecent img
{
    border: 0;
    border: solid 4px black;
}
.contentImageRecent h2
{
    font-size: small;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}
.contentImageRecent .overlayText span
{
    position: absolute;
    background-color: Black;
    color: #eee;
    padding: 5px;
    font-size: 20px;
    font-family: Georgia;
    text-align: center;
    width: 40px;
}
p.featureCaption
{
    display: block;
    text-justify: newspaper;
    text-align: justify;
    margin-bottom: 5px;
}
.contentImageLead p.featureCaption
{
    text-align: center;
}
h2.featureSetLink
{
    display: block;
    margin-top: 5px;
    text-align: right;

}
/*========================
END OVERVIEW PAGE STYLES
=================*/

.pageItemCount, .pagePageCountHeader, .pagePageCountFooter, .pagePageJump, .pageSetDescription
{
    text-align:center;
    width:100%;
}
.pageSetDescription
{ 
    margin-bottom: 10px;
    font-style: italic; 
    }

.pagePageJump
{
    display: none;
}
.searchTextbox
{
    border:solid 1px black;
    font-size:x-small;
    width:70%;
    padding:1px;
}
.searchButton
{
    border:solid 1px black;
    font-size:x-small;
    width:15%;
}
.rating 
{
    position: relative;
    left: 93px;
    top:2px;
    display:block;
}
.ratingStar {
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    font-size:0pt;
    height:12px;
    margin:0px;
    padding:0px;
    width:13px;
}
.filledRatingStar {
    background-image:url(/images/icons/FilledStar_light.png);
}
.emptyRatingStar {
    background-image:url(/images/icons/EmptyStar_light.png);
}
.savedRatingStar {
    background-image:url(/images/icons/SavedStar_light.png);
}

#pageFullWidth
{
    border-top:solid 4px #ddd;
    text-align:center;
}
#headerMenu
{
    position:absolute;
    margin: 0;
}
#headerMenu ul
{
    margin: 0;
    padding: 0 0 0 100px;
}
#headerMenu ul li
{
    list-style-type: none;
    font-size: 15pt;
    letter-spacing: 2px;
    text-align:right;
    display: inline;
    margin: 0 10px;
    padding: 5px;
    background-color: #f9f9f9;
    border-bottom: solid 2px #ddd;
    border-right: solid 2px #ddd;
    border-left: solid 2px #f9f9f9;
    font-size: 11px;
}

#lightboxes
{
    position:relative;
    width:300px;
    z-index:900;
    top:20px;   
}
.bigcontent
{
	font-size: small;
}
.bigcontent .celllabel
{
	color: #ccc;
	font-size:small;
	vertical-align: middle;
	text-align: right;
	padding-right: 5px;
}
.explain
{
	display: block;
	font-size:x-small;
	color: #999;
	padding-bottom: 10px;
	margin: 0;
}
.biginput, .bigbutton, .bigdropdown
{
	font-family: Georgia;
	font-size:small;
	width: 200px;
}
.bigbutton
{
	border:solid 1px black;
    font-size:small;
    width:15%;
}
table.checkout td
{
	font-size: 10pt;
	color: #333;
	white-space: nowrap;
}
table.checkout .explain
{
	display: none;
}
table.checkout td.celllabel
{
	text-align: right;
}
table.checkout td input 
{
	width: 250px;
}