﻿body { background-image: url(images/back.png); background-repeat: repeat-x; background-color: #f1f1f1; background-repeat: repeat-x; height: 100%; FONT-FAMILY:  Verdana, Arial, MS Sans Serif; font-size: 9pt; FONT-WEIGHT:  normal; TEXT-ALIGN: center; color:  #6B6B6B; margin: 0px auto; padding: 0px; }
img { border: none; }
h2 { color: #6B6B6B; font-size: 13pt; }

#Container { width: 760px; text-align: left; }
#Content { margin-left: 20px; position: relative; }
#Main_Menu ul { list-style-type: none; padding: 0; margin: 0; }
#Main_Menu li { vertical-align: middle; margin: 0; padding: 0; display: inline; }
#Main_Menu a { text-decoration: none; font-family: Verdana; font-size: 9pt; font-weight: bold; height: 20px; margin: 0; padding: 0px 16px 0px 15px; color: #04578B; }
#Main_Menu a:hover { color: #9CD6FA; }

.Form_Panel { border-top: solid 1px #04578B; border-bottom: solid 1px #04578B; background: #DEF2FE; color: Green; font-size: 8pt; }
.Blue_Title { color: #04578B; font-weight : bold; }
#Bottom_Links { height: 86px; }
#Bottom_Links ul { list-style-type: none; padding: 0; margin: 0; position: relative; color: #ffffff; }
#Bottom_Links li { margin: 0; padding: 0; display: inline; }
#Bottom_Links a { color: #ffffff; text-decoration: none; font-size: 10pt; font-family: Arial, Verdana; font-weight: bold; }
#Bottom_Links a:hover { text-decoration: underline; color: Yellow; }
#Top { text-align: left; background-position: bottom; height: 43px; color: #a8a8a8; }
#Top_Links ul { list-style-type: none; padding: 0; margin: 0; position: relative; color: #a7a7a7; left: 20px; top: 13px; }
#Top_Links li { margin: 0; padding: 0; display: inline; width: 200px; }
#Top_Links a { color: #a7a7a7; text-decoration: none; font-size: 10pt; font-family: Arial, Verdana; font-weight: bold;  }
#Top_Links a:hover { color: #585656; text-decoration: underline; }
.Small_Title { color: #04578B; position: relative; left: 15px; font-weight: bold; }
.DC_Form { border-top: solid 1px silver; border-bottom: solid 1px silver; width: 350px; background-color: #f9f2d2; font-weight: bold; }
.DC_Controls { margin-top: 10px; margin-bottom: 10px; }
.DC_Controls_Title { font-weight: bold; position: relative; top: -3px; }
.DC_Title { font-weight: bold; }

.MemberMenu ul { list-style: none; margin: 0px; padding: 0px; }
.MemberMenu a { color: white; font-weight: bold; text-decoration: none; padding: 5px 0px 5px 10px; font-size: 8pt; font-family: helvetica; }
.MemberMenu a:hover { background-image: url(images/itemback.png); color: Yellow; }
.MemberMenu li { border-bottom: solid 0px white; padding: 5px 0px 5px 0px; }
.MemberMenu_Title { background-image: url(images/itemback.png); color: white; font-weight: bold; font-size: 8pt; padding: 8px 0px 8px 0px; font-family: helvetica;}
.MemberHead { background: url(images/menuhead.png); border-top: solid 1px white; text-align: center; color: White; margin-top: 20px; }
.MemberHead_admin { background: url(images/menuhead_black.png); border-top: solid 1px white; text-align: center; color: White; margin-top: 20px; }
.MemberAreaMenu ul { list-style: none; margin: 0px; padding: 0px; }
.MemberAreaMenu a { color: white; font-weight: bold; text-decoration: none;  padding: 5px 0px 5px 10px; font-size: 10pt; font-family: helvetica; }
.MemberAreaMenu a:hover { background-image: url(images/itemback.png); }
.MemberAreaMenu li { border-bottom: solid 0px white; padding: 5px 0px 5px 0px; }
.MemberAreaMenu_Title { background-image: url(images/itemback.png); color: yellow; font-weight: bold; font-size: 10pt; padding: 8px 0px 8px 0px; font-family: helvetica;}
.MemberAreaHead { background: url(images/menuhead.png); border-top: solid 1px white; text-align: center; color: White; margin-top: 20px; }
.MemberMenu_Top { position: relative; top: 2px;  background-repeat: no-repeat; height: 24px; text-align: center; width: 139px; color: White; font-size: 11px; }

.Menu_Top { position: relative; top: 9px; background: url(images/menutop.png); background-repeat: no-repeat; height: 24px; text-align: center; width: 139px; color: White; font-size: 11px; }
.Product { height: 25px; position: relative; }
.ProductCart { position: absolute; left: 200px; border: none;  }

.Cart { }
.Cart a { color:  #6B6B6B; }
.Cart a:visited { color: #6B6B6B; }

.Features { margin: 0px; }
.Features li { list-style-image: url(images/li.png); }
.Features_Title { background-color: #8cabcb; border-bottom: solid 1px #496d94; height: 25px; font-size: 10pt; font-weight: bold; color: White; padding: 6px 0px 4px 10px; }
.Features_Title_Orange { background-color: #df7744; border-bottom: solid 1px #783018; height: 25px; font-size: 10pt; font-weight: bold; color: White; padding: 6px 0px 4px 10px; }
.Features_Title_Green { background-color: #76a151; border-bottom: solid 1px #4f6a37; height: 25px; font-size: 10pt; font-weight: bold; color: White; padding: 6px 0px 4px 10px; }

/* Buttons */
.DCButton { background-image: url(Images/Buttongreen.png); background-position: 0px 0px; font-weight: bold; color: white; width: 123px; height: 29px; border: none; background-color: Transparent; font-size: 9pt; font-family: arial; }
.DCButton:hover { color: Yellow; }
.DCButton_med { background-image: url(Images/Button_med.png); background-position: 0px 0px; font-weight: bold; color: #01588d; width: 125px; height: 23px; border: none; background-color: Transparent; font-size: 8pt; font-family: Arial; }
.DCButton_white { background-image: url(Images/Button.png); background-position: 0px 0px; font-weight: bold; color: #01588d; width: 98px; height: 23px; border: none; background-color: Transparent; font-size: 8pt; font-family: Arial; }
.ButtonImg { background-image: url(Images/Buttongreen.png); width: 123px; height: 29px; }
.ButtonImg a { padding-left: 20px; padding-right: 20px; text-decoration: none; font-weight: bold; position: relative; top: 6px; color: white ; font-family: Arial; font-size: 9pt; } /*#04578b */
.ButtonImg a:active { padding-left: 22px; }
.ButtonImg a:hover { color: Yellow; }

.WaterMark { color: #afafaf; }

.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

.Highlight { background-color: #FFB7BE; border-color: Red; }
.Error_Panel { border-top: solid 1px red; border-bottom: solid 1px red; background: #FFE1E1; color: Red; font-size: 8pt; }

.ErrorClear { color: White; }

.Header { display: block; margin: 0px 0 10px 0; padding: 5px 0 5px 8px; background: #eee url(Images/gradient2.png) repeat-x; color: #222; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; text-decoration: none; }
.HeaderStyle { display: block; margin: 30px 0 10px 0; padding: 5px 0 5px 8px; background: #eee url(Images/gradient2.png) repeat-x; color: #222; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd; text-decoration: none; }

.MemberLink a { font-size: 12pt; font-weight: bold; color: #6B6B6B; text-decoration: none; }
.ShipItem  { font-weight: bold; position: relative; left: 10px; }
.Job_Ship { width: 115px; height: 20px; }

.Active_Jobs {}
.Active_Jobs a { color: #0066cc; }
.Active_JobItem { border-bottom: dotted 1px silver; width: 545px; padding-top: 10px; padding-bottom: 10px; }
.Invoice_Item { border-bottom: dotted 1px silver; width: 319px; padding-top: 10px; padding-bottom: 10px; }

.ProdSelect_Div { border-bottom: solid 1px #b6b0b0; padding: 15px 0px 15px 10px; }
.ProdSelect_DivBtm { padding: 5px 0px 5px 10px; }

.TextLine { line-height: 18px; }
.UL2 li { margin-bottom: 5px; }
.TemplateLine { border: solid 1px silver; }
.ProductList ul { margin: 0px; list-style-type: none; }
.ProductList li { margin-top: 5px; margin-bottom: 5px; }

.TemplateLists ul { margin: 0px; padding: 0px; list-style-type: none; margin-left: 5px; }
.TemplateLists span { font-weight: bold; margin-left: 5px;}
.TemplateLists a { color: Blue; }

.ProductSQ_Blue { height: 185px; width: 300px; background-image: url(images/blueprod.png); background-repeat: no-repeat; text-align: left; position: relative; }
.ProductSQ_Blue h2 { color: White; position: relative; left: 10px; top: 15px; font-size: 14pt; font-family: Arial; }
.ProductSQ_Orange { height: 185px; width: 300px; background-image: url(images/orangeprod.png); background-repeat: no-repeat; text-align: left; position: relative; }
.ProductSQ_Orange h2 { color: White; position: relative; left: 10px; top: 15px; font-size: 14pt; font-family: Arial; }
.ProductSQ_Link { position: absolute; text-align: center; top: 140px; width: 300px; }
.ProductSQ_Tag { font-size: 10pt; background-image: url(images/prodback.png); background-repeat: no-repeat; width: 125px; height: 30px; color: White; position: absolute; left: 170px; top: 10px; text-align: center; padding-top: 8px; }

.SmallLinks { font-size: 6pt; }
.SmallLinks li { font-size: 6pt; }
.SmallLinks a { font-size: 6pt; }

.PopUpWindow {  border: solid 1px silver; padding: 10px 10px 10px 10px; background-color: White; margin-top: 10px; margin-right: 10px; border: solid 1px black; }
.PopUpWindow_Title { text-align: left; color: #565757; margin-bottom: 15px; border-bottom: solid 1px silver; padding: 0 15px 15px 15px; font-size: 12pt;"}
.PopUpWindow_Content { color: #565757; font-size: 10pt; }

/* Formatting for Blog Controls */

#Container .BlogStream { margin: 0px 170px 0px 0px; }
#Container .BlogFeatures { width: 150px; float: right; }
#Container .BlogFeatures div { padding-bottom: 20px; margin-bottom: 20px; border-left: solid 1px #d3d3d3; text-align: center; }
#Container .BlogFeatures h1 { font-size: 16px; font-weight: bold; background: url('ContentDividerTileLight-4-14.gif') repeat-x; padding: 6px; margin: 0px 0px 10px 0px; }
#Container .BlogFeatures ul { list-style: none; margin: 0px; padding: 0px; }
#Container .BlogFeatures .BlogFeaturesSearchBox { width: 80px; }
#Container .BlogFeatures .BlogFeaturesSearchButton { width: 40px; }
#Container .BlogEntry { border-left: solid 1px #d3d3d3; margin: 0px 0px 20px 0px; }
#Container .BlogEntryHeader { padding: 10px 6px 6px 6px; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x; }
#Container .BlogEntryHeader .BlogEntryHeaderPostTitle span { font-size: 1.6em; }
#Container .BlogEntryHeader .BlogEntryHeaderPostDate span { font-size: 0.8em; color: #787878; }
#Container .BlogEntryHeader div label { display: block; float: left; width: 100px; }
#Container .BlogEntryBody { padding: 6px; }
#Container .BlogEntryBody .TinyMCETextArea { width: 98%; }    
#Container .BlogEntryFooter { background: #ffffff url('ContentDividerTileLightFlip-4-14.gif') repeat-x bottom left; padding: 6px; }
#Container .BlogEntryFooter .BlogEntryFooterCommands { float: left; }
#Container .BlogEntryFooter .BlogEntryFooterCommands a { margin-right: 10px; }
#Container .BlogEntryFooter .BlogEntryFooterLinks div { float: left; }
.BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksPermalink a, .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksServices a { margin-right: 10px; }
#Container .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksComments { display: block; float: right;  text-align: right; margin-left: 20px; }
#Container .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksTags { display: block; float: none;  text-align: right; }
#Container .BlogEntryFooter ul { padding-left: 0px; margin: 0px; list-style-type: none; display: inline; }
#Container .BlogEntryFooter ul li { display: inline; margin-left: 6px; }
#Container .BlogNavigation { margin-right: 200px; margin-top: 20px; text-align: center; }
#Container .BlogNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #6f5230; text-decoration: none; }
#Container .CommentsStream { margin: 0px 0px 20px 40px; }
#Container .CommentsStream .CommentsEntry { margin-bottom: 20px; background: #fdfcf6 url('FeatureBackgroundTile-1-119.gif') repeat-x; border-bottom: solid 1px #e1d2bd; }
#Container .CommentsStream .CommentsEntryHeader { font-style:italic; margin-bottom: 10px; padding: 6px; }
#Container .CommentsStream .CommentsEntryBody { padding: 6px; }
#Container .CommentsStream .CommentsEntryFooter { padding: 6px; text-align: left; }
#Container .CommentsStream .CommentsAdd { border: dashed 1px #6f5230; padding: 10px; }
#Container .CommentsStream .CommentsAdd h1 { font-size: 16px; font-weight: bold; margin: 0px; }
#Container .CommentsStream .CommentsAdd div { padding: 4px; }
#Container .CommentsStream .CommentsAdd label { display: block; float: left; width: 150px; }
#Container .CommentsStream .CommentsAdd textarea { width: 99%; }
#Container .CommentsStream .CommentsAdd a, .CommentsCommands a { padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }
/* Admin Section */
#Container .AdminFormRow { clear: both; margin: 10px; }
#Container .AdminFormLabel { float: left; width: 80px; font-weight: bold; padding-right: 10px; }
#Container .AdminFormItem { padding-left: 10px; }

form { margin:0;padding:0; }