@import url(reset.css);
@import url(base.css);
@import url(typography.css);

body.homepage { background-color: #303030 }
body.RUNandWIN { background: url(../images/Blueback.jpg) repeat top center #160867 }


form { margin: 0px auto; background-color: white }

body.YourLogoWorks #header { position: relative; width: 820px; margin: 0px auto; height: 86px; border-bottom: solid 1px #BFBFBF }
body.RUNandWIN #header { position: relative; width: 820px; margin: 0px auto; height: 110px; border-bottom: solid 1px #BFBFBF }

body.YourLogoWorks #header h1.runandwin_logo { display: none }

body.YourLogoWorks #header h1.yourlogoworks_logo { position: absolute; top: 5px; left: 6px; margin: 0px; padding: 0px; width: 464px; height: 57px }
body.YourLogoWorks #header h1.yourlogoworks_logo a { display: block; width: 462px; height: 55px; border: solid 1px #BFBFBF; background: url(../images/logo_yourlogoworks.gif) no-repeat 0px 0px; text-indent: -999999em }

body.YourLogoWorks #header p.yourlogoworks_phone { position: absolute; bottom: 5px; left: 8px; margin: 0px; padding: 0px; color: #006699; font: bold 70% Arial, Helvetica, sans-serif }
body.YourLogoWorks #header p.runandwin_phone { display: none }


body.RUNandWIN #header h1.yourlogoworks_logo { display: none }
body.RUNandWIN #header h1.runandwin_logo { position: absolute; top: 5px; left: 10px; margin: 0px; padding: 0px; width: 230px; height: 80px }
body.RUNandWIN #header h1.runandwin_logo a { display: block; width: 230px; height: 80px; border: solid 1px #BFBFBF; background: url(../images/logo_runandwin.gif) no-repeat 0px 0px; text-indent: -999999em }

body.RUNandWIN #header p.runandwin_phone { position: absolute; bottom: 5px; left: 10px; margin: 0px; padding: 0px; color: #006699; font: bold 70% Arial, Helvetica, sans-serif }
body.RUNandWIN #header p.yourlogoworks_phone { display: none }

body.YourLogoWorks #header h2 { display: block; position: absolute; top: 8px; right: 10px; margin: 0px; padding: 0px; width: 228px; height: 65px; background: url(../images/DraftDesk.gif) no-repeat 0px 0px; text-indent: -999999em }
body.RUNandWIN #header h2 { display: block; position: absolute; top: 22px; right: 10px; margin: 0px; padding: 0px; width: 228px; height: 65px; background: url(../images/DraftDesk.gif) no-repeat 0px 0px; text-indent: -999999em }

#content { width: 820px; margin: 0px auto; padding: 0.5em 0em; overflow: hidden; font-size: 80% }
#application { position: relative; width: 804px; padding: 0em 8px 0px 8px; float: left; font: Verdana, Geneva, Arial, Helvetica, sans-serif }

body.Designer #content { width: 820px; margin: 0px auto; padding: 0.5em 0em; overflow: hidden; background: url(../images/sidebar_background.gif) repeat-y top right; font-size: 80% }
body.Designer #application { position: relative; width: 574px; padding: 0em 8px 0px 8px; float: left; font: Verdana, Geneva, Arial, Helvetica, sans-serif }

span.change_background { margin: 0px; padding: 5px 0 0 0; float: right; font-size: 0.89em; font-weight: bold; text-transform: uppercase }
span.change_background select { margin: 0px 0px 0px 0.5em; padding: 0px; font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif }

span.change_style { position: absolute; top: 13px; left: 14px; margin: 10px 0px 12px 0px; padding: 0px; font-size: 0.89em; font-weight: bold; text-transform: uppercase }
span.change_style select { margin: 0px 0px 0px 0.5em; padding: 0px; font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif }


div.emory_board { clear: both; margin: 0px; padding: 0px 0px 0px 0px; text-align: center; width: 570px; height: 240px; position:relative; }

div.emory_board object { width: 400px; height: 200px; background-color: #EEEEEE }

#text_module { width: 100%; margin: 7px 0px 16px 0px; padding: 0px; overflow: hidden }

#define_text { width: 264px; margin: 7px 0px 0px 5px; padding: 12px 0px 0px 0px; float: left }
#text_module h3 { width: 100%; display: block; margin: 0px 0px 5px 0px; padding: 0px 0px 4px 0px; font-size: 1.3em; font-weight: bold }

table.text_action { width: 100%; margin: 1em 0px 0px 0px; font-size: 0.89em }
table.text_action col.text { }
table.text_action col.action { width: 96px; text-align: center }
table.text_action td, table.text_action th { margin: 0px; padding: 0.15em 0px; border: 0px; text-align: left; vertical-align: top }
table.text_action thead th { padding: 0.15em 0px 0.15em 0.5em; border-bottom: solid 1px #006699; font-size: 130%; color: #006699 }
table.text_action thead th.action_col_h { text-align: center   }
table.text_action thead td { padding: 0px 0px 0.3em 0px }
table.text_action thead td input { font: bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase }
table.text_action tbody th { padding: 0.38em 0.5em 0.38em 0.5em; border-bottom: solid 1px #D4D4D4 }
table.text_action tbody td { padding: 0.38em 0em 0.38em 0.5em; border-left: solid 1px #006699; border-bottom: solid 1px #D4D4D4; text-align: center }

#define_text table.text_action tbody td a { padding: 0px 4px; font-weight: bold; font-size: 0.99em; text-transform: uppercase; text-decoration: none; background-color: #006699; color: white }

table.text_action tfoot td { position: relative; border-top: solid 1px black; padding: 0.5em 0px 0px 0px; text-align: right; font-size: 90% }
table.text_action tfoot td.action { padding: 0.5em 0px 0px 0.5em; text-align: left }
table.text_action tfoot td a { color: #006699; text-decoration: none; font-weight: bold; font-size: 110% }
.add_text { font-size: 0.89em; top: 0px; left: 0px; z-index: 10; padding: 0px 4px; text-transform: uppercase; text-decoration: none; background-color: #006699; color: white; font-weight: bold }


table.font_settings { width: 100%; margin: 1em 0px 0px 0px; font-size: 0.89em }

table.font_settings td, table.font_settings th { margin: 0px; padding: 0.15em 0px; border: 0px; text-align: left; vertical-align: top }

table.font_settings th { padding: 0.15em 5px 0.15em 0px; text-align: right }
table.font_settings td { padding: 0.2em 5px 0em 0px }

table.font_settings thead th { padding: 0.15em 0px 0.15em 0.5em; border-bottom: solid 1px #006699; text-align: left; font-size: 130%; color: #006699 }

table.font_settings tbody th { width: 4.5em; padding-top: 0.75em; text-transform: uppercase }

table.font_settings tbody td input { width: 22.4em; margin: 0.5em 0px 0px 0px; font-size: 0.8em }
table.font_settings tbody td select { margin: 0.5em 0px 0px 0px; font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif }



table.font_settings2 { width: 100%; margin: 1em 0px 0px 0px; font-size: 0.89em }

table.font_settings2 tr td, table.font_settings2 tr th { margin: 0px; padding: 0.15em 0px; border: 0px; vertical-align: top }

table.font_settings2 thead tr th { padding: 0.15em 0px 0.15em 0.5em; border-bottom: solid 1px #006699; text-align: left; font-size: 130%; color: #006699 }

table.font_settings2 tr th { padding: 0.15em 5px 0.15em 0px; text-align: right }
table.font_settings2 tr td { padding: 0.2em 5px 0em 0px }
table.font_settings2 tbody th { width: 53px; padding-top: 0.75em; text-transform: uppercase }

table.font_settings2 select { margin: 0.5em 0px 0px 0px; font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif }

table.font_settings2 input { width: 21em; margin: 0.5em 0px 0px 0px; font-size: 0.8em }

table.font_settings2 tbody tr td table tr th { width: 53px }


table.font_settings2 table { margin: 0px; padding: 0px }


table.text_decoration { width: 100%; margin: 1em 0px 0px 0px; font-size: 0.89em }
table.text_decoration td, table.text_decoration th { margin: 0px; padding: 0px; border: 0px; text-align: left; vertical-align: top }

table.text_decoration thead th { padding: 0.15em 0px 0.15em 0.5em; border-bottom: solid 1px #006699; text-align: left; font-size: 130%; color: #006699 }
table.text_decoration tbody td input { margin: 0px; padding: 0px }
table.text_decoration tbody td { width: 24px; height: 2em; padding: 5px 0px 2px 5px; text-align: right; line-height: 1em }
table.text_decoration tbody th { height: 2em; padding: 5px 0px 2px 6px; line-height: 1em; vertical-align: middle; text-transform: uppercase }



table.position { width: 100%; margin: 1em 0px 0px 0px; font-size: 0.89em }

table.position td, table.position th { margin: 0px; padding: 0.15em 0px; border: solid 0px black; text-align: left; vertical-align: top }

table.position th { padding: 0.25em 5px 0.15em 0px; text-align: right }
table.position td { padding: 0.3em 5px 0em 0px }

table.position thead th { padding: 0.15em 0px 0.15em 0.5em; border-bottom: solid 1px #006699; text-align: left; font-size: 130%; color: #006699 }

table.position tbody th { width: 53px; padding-top: 0.88em; padding-left: 0; text-transform: uppercase }

table.position tbody td input { width: 3em; margin: 0.5em 0px 0px 0px; font-size: 0.8em; text-align: center }
table.position tbody td select { margin: 0.5em 0px 0px 0px; font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif }

table.position tbody td { width: 1.0em }
table.position tbody td.controller { width: 7em; height: 55px; text-align: right }
table.position tbody td.controller img { position: relative; top: 4px; left: -10px; z-index:2; }



table.orientation { width: 100%; margin: 1em 0px 0px 0px; font-size: 0.89em; background: url(../images/protractor.gif) no-repeat 140px 32px }
table.orientation td, table.orientation th { margin: 0px; padding: 0.15em 0px; border: solid 0px black; text-align: left; vertical-align: top }

table.orientation th { padding: 0.15em 5px 0.15em 0px; text-align: right }
table.orientation td { padding: 0.2em 5px 0em 0px }

table.orientation .obody th { width: 6em; height: 47px; padding-top: 1.1em; padding-left: 20px; text-transform: uppercase }
table.orientation .obody td { height: 47px; padding-top: 6px }

table.orientation .ohead th { padding: 0.15em 0px 0.15em 0.5em; border-bottom: solid 1px #006699; text-align: left; font-size: 130%; color: #006699 }

table.orientation .obody td input { width: 3em; margin: 0.5em 0px 0px 0px; font-size: 0.8em }
table.orientation .obody td select { margin: 0.5em 0px 0px 0px; font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif }


#submit_section { padding: 60px 0px 0px 0px; clear: both; text-align: right; background: url(../images/border01.gif) repeat-x top center; position:relative; }

* html #submit_section { padding: 30px 0px 0px 0px }
#submit_section input { margin: 0px 0px 0px 0.5em; font-weight: normal }




#define_attributes { width: 264px; margin: 0.0em 5px 0px 0px; padding: 12px 0px 0px 0px; float: right }

#sidebar { width: 194px; padding: 0px 8px; float: right; display: inline }


dl.board_description { position: relative; width: 194px; margin: 6px auto 0px auto; padding: 0px; background: url(../images/border_background02.gif) no-repeat bottom center; font-size: 0.88em }
dl.board_description dt { margin: 0px; padding: 6px 10px 3px 10px; margin: 0px 0px 5px 0px; background: url(../images/border_background01.gif) no-repeat top center; font-size: 110%; font-weight: bold; color: #006699 }

dl.board_description dd.image { margin: 0px; padding: 0px 0px 10px 0px; text-align: center }
dl.board_description dd { margin: 0px; padding: 0px 12px 9px 12px }


dl.board_description dd span.production_setup { display: block; padding: 5px 3px 0px 3px; color: #FF9900; font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif }


#footer { width: 820px; height: 40px; margin: 0px auto; padding: 0.5em 0em 0.6em 0em; border-top: solid 1px #BFBFBF; text-align: center }
#footer p { margin: 0px; padding: 0px; font: 70% Arial, Helvetica, sans-serif }
#footer p strong { display: block; margin: 0.8em 0em 0em 0em; font-size: 110%; color: #006699 }
#privacy { margin: 0px; padding-left: 10px; font: 70% Arial, Helvetica, sans-serif; color: #006699; }

.page { width: 820px; margin: 0px auto; background-color: white }


#board_thumbnails { width: 500px; margin: 0 auto; overflow: hidden; border: 1px solid #DADADA; }

#board_thumbnails ul { margin: 0px; padding: 0px; border-bottom: solid 1px #DADADA; font-size: 0.89em }
#board_thumbnails ul li { position: relative; width: 123px; height: 90px; margin: 0 1px; padding: 0px; float: left; background: url(../images/thumbnails/board_background.gif) no-repeat top center white; list-style-type: none; text-align: center }
#board_thumbnails ul li a { display: block; width: 123px; height: 90px; color: #006699; text-decoration: none }
#board_thumbnails ul li a:hover { color: #2986B5 }
#board_thumbnails ul li a span { position: relative; top: 54px }
#board_thumbnails ul li img { position: absolute; z-index: 10 }

#DDdisclaimer { width: 490px; margin: 15px auto 0 auto; overflow: hidden; border: 1px solid #DADADA; padding:5px;}
#DDwelcome { width: 500px; margin: 15px auto; overflow: hidden;}

img {border: none;}

li.standard { }
li.standard img { top: 0px; left: 12px }
li.fullcolor { }
li.fullcolor img { top: 0px; left: 12px }
li.foamcore { }
li.foamcore img { top: 3px; left: 14px }
li.foamcorefullcolor {}
li.foamcorefullcolor img { top: 2px; left: 12px }
li.salonfoamcore {}
li.salonfoamcore img { top: 2px; left: 14px }
li.assortedpastels {}
li.assortedpastels img { top: 8px; left: 14px }
li.patriotic {}
li.patriotic img { top: 4px; left: 14px }
li.professional {}
li.professional img { top: 0px; left: 12px }
li.assortedneons {}
li.assortedneons img { top: 2px; left: 12px }
li.keychains {  }
li.keychains img { top: 6px; left: 14px }
li.shaped {  }
li.shaped img { top: -4px; left: 12px }
li.gavel { }
li.gavel img { top: -10px; left: 14px }
li.infant { }
li.infant img { top: -8px; left: 36px }
li.fullshaped { }
li.fullshaped img { top: 0px; left: 10px }
li.kit {}
li.kit img { top: 2px; left: 8px }
li.yellow { }
li.yellow img { top: 4px; left: 10px }
li.seveninch { }
li.seveninch img { top: 0px; left: 12px }
li.seasonal { }
li.seasonal img { top: 0px; left: 12px }
li.foldingnailfile {}
li.foldingnailfile img { top: 2px; left: 8px }
li.emerboardpack {  }
li.emerboardpack img { top: -4px; left: 28px }



#approve_module { width: 100%; margin: 7px 0px 16px 0px; padding: 0px; overflow: hidden }

#approve_module h2 { margin: 0px; padding: 0px 0px 10px 0px }

table.approve { width: 96%; margin: 0px auto }
table.approve col.invoice { width: 8em }

table.approve col.description { width: 8em }
table.approve col.status { width: 8em }

table.approve col.art { width: 7em }
table.approve col.comments { width: 9em }
table.approve col.action { width: 17em }

table.approve th, table.approve td { margin: 0px; padding: 0px; border: 0px; text-align: center; font-size: 0.89em; vertical-align: top }

table.approve thead th { border-bottom: solid 1px #006699; vertical-align: bottom; font-size: 1.05em; color: #006699 }

table.approve tbody td { border-bottom: solid 1px #CFCFCF; padding: 0.5em 0em }
table.approve tbody td a { position: relative; top: 3px; padding: 0px 4px; text-transform: uppercase; text-decoration: none; background-color: #006699; color: white; font-weight: bold }
table.approve tbody td.art a, table.approve tbody td.comment a { text-decoration: underline; text-transform: none; color: #006699; background-color: transparent }


table.approve tbody td.description, table.approve tbody td.status { padding: 0.5em 0.3em }

#comments { text-align: center }
#comments h3 { text-align: left }
#comments textarea { width: 780px; height: 100px; margin: 0px auto }

#approve { text-align: center }
#approve h3 { text-align: left }
#approve label { display: block; padding: 0px 0px 0.6em 11px; font-weight: bold; text-align: left }
#approve label input { margin: 0px 4px 0px 0px }
#approve label select { margin: 8px 0px 18px 0px; font-size: 0.8em; font-weight: bold }
#approve textarea { width: 780px; height: 100px; margin: 0px auto 10px auto }

#status { width: 800px; margin: 25px auto 0px auto; overflow: hidden }
#status dt { width: 108px; float: left; font-weight: bold; text-align: right }
#status dd  { width: 678px; float: right }

table.PickClipArt { width: 100%; margin: 1em 0px 0px 0px; font-size: 0.89em }

table.PickClipArt tr td, table.PickClipArt tr th { margin: 0px; padding: 0.15em 0px; border: 0px; vertical-align: middle; }

table.PickClipArt thead tr th { padding: 0.15em 0px 0.15em 0.5em; border-bottom: solid 1px #006699; text-align: left; font-size: 130%; color: #006699 }

table.PickClipArt tr th { padding: 0.15em 5px 0.15em 0px; text-align: center; border-bottom: 1px solid #CCCCCC; }
table.PickClipArt tr td { padding: 0.2em 5px 0em 3px; border-bottom: 1px solid #CCCCCC; }
table.PickClipArt tbody th { width: 150px; padding-top: 0.75em; text-transform: uppercase }

.helpbutton {margin: 0px 0 2px 3px; width:20px; height:19px;} 

#helppage h2 {font-size:90%}

.redtext {color: Red; padding-left:4px;}