/* Layout and Formatting */
body { font-family: Arial, Helvetica, Sans Serif; font-size: 10pt; text-align: center; }

#nav {background-image:url("../images/header-bg.gif"); background-repeat: repeat-x; height: 85px; width: 100%; margin-top: 3px;}
#nav #wrapper {text-align: center; width: 950px; margin: 0 auto;}
#nav #wrapper #left-column { float: left; width: 260px; height: 85px; border-right: 3px solid #fff;} 
#nav #wrapper #right-column { float: left; width: 520px; height: 85px;} 
#nav #wrapper #right-column ul { list-style: none; display: inline; float: left; color: #c3c3c3; font-size: 14pt; font-weight: normal; margin: 56px 0 0 20px;}
#nav #wrapper #right-column #nav-list li { list-style: none; display: inline;}
#nav #wrapper #right-column #nav-list li a { font-family: Arial, Helvetica, Sans Serif; color: #fff; text-decoration: none; padding: 0 15px 2px 15px;}
#nav #wrapper #right-column #nav-list li a:hover { color: #e2a10e;}
#logo-image { margin: 14px 40px 0 0; float: right; } 

#body-wrapper {text-align: left; width: 950px; margin: 0 auto;}
#body-wrapper .left-column { float: left; width: 450px;}
#body-wrapper .right-column { float: left; width: 450px; padding-left: 25px;}
#body-wrapper .style-column-wrapper .left-column { float: left; width: 400px;}
#body-wrapper .style-column-wrapper .right-column { float: left; width: 400px;  padding-left: 0px;}
.page-footer { clear: both; height: 30px;}

.export-selects {margin: 20px 0 0 30px;}
.export-preview {margin-left: 10px;}
.export-preview-metadata { height: 280px; width: 201px; overflow: auto; float: left; padding-left: 5px; font-weight: bold; color: #000; font-size: 10pt;}
.export-preview-metadata .style-title {font-size: 11pt;}
.export-preview-metadata .metadata-section {font-size: 10pt; color: #636466; margin: 15px 0 0 10px;}
.export-preview-metadata .text {margin: 0 0 0 20px;}

.preview-page1 {float: left;}
.preview-page2 {float: left; margin-left: 4px;}
.export-preview-pagination {clear: both; padding: 2px 0 8px 0; border-bottom: 1px solid #c0c0c0; width: 422px; height: 26px; line-height: 26px; font-weight: bold; font-size: 9pt; color: #000; margin-bottom: 10px;}

.export-preview-pagination div.left {float: left; margin-left: 10px;}
.export-preview-pagination div.right {float: right; margin-right: 6px;}
.export-preview-pagination div a {text-decoration: none; color: #000;}

.style-class-style-divide {clear: both; padding: 2px 0 8px 0; border-bottom: 1px solid #c0c0c0; width: 899px; height: 26px; line-height: 26px; font-weight: bold; font-size: 9pt; color: #000; margin-bottom: 10px; text-align: center;}

.style-class-pagination div.left {float: left; margin-left: 10px;}
.style-class-pagination div.right {float: right; margin-right: 6px;}
.style-class-pagination div a {text-decoration: none; color: #000;}

.download-section {width: 422px; height: 32px;}
.download-file-size {line-height:32px; font-weight: bold; margin: 0 30px 0 0; float: right;} 
.download-file-size span {color: #70891e;}

.create-options {text-align: center; margin: 40px 0 0 0;}
.create-options img {float: left;}
.create-options img.folder {margin-left: 100px}
.create-options img.keyboard {margin-right: 100px}
.create-options div {margin-top: 42px;}

.write-prooftools-wrapper {position: relative;}
.write-prooftools {background-image:url("../images/write-prooftools-bg.gif"); height: 30px; width: 194px; position: absolute; margin: -36px 0 0 120px; line-height: 30px; color: #808284; font-weight: normal; font-size: 9pt; text-align: center; }
.write-prooftools div a {text-decoration: none; color: #808284; padding: 0 5px 0 5px; font-weight: bold;}
.write-prooftools div a:hover {text-decoration: underline; color: #a4a6a7;}
.write-prooftools div a.disabled {cursor: default; text-decoration: none; color: #ccc; font-weight: normal; }
.write-prooftools div a.disabled:hover {cursor: default; text-decoration: none; color: #ccc; font-weight: normal; }
.write-prooftools-wrapper a img {position: absolute; margin: -36px 0 0 323px;}

.write-legend-nav {height: 44px; width: 422px;  font-size: 9pt; }
.write-legend-nav select { width: 150px; font-size: 11pt; margin: 20px 0 0 20px; }
.legend-pane {height: 530px; width: 422px; border: 0px solid #c0c0c0; background-color: #fff; margin-top: 15px; overflow: auto; padding: 4px 0 4px 0;}
.legend-header { height: 40px; background-color: #e1e1e1; line-height: 40px; padding-left: 15px; font-weight: bold; font-size: 13pt; margin: 4px 0 4px 0;}

.style-nav-wrapper {position: relative;}
.style-nav {position: absolute; height: 30px; width: 700px; margin: -60px 0 0 25px;}
.style-column-wrapper {margin: 0 0 0 50px;}
.style-column-wrapper .left-column .export-preview-metadata, .style-column-wrapper .right-column .export-preview-metadata  { width: 170px;}

.lightbox-container {margin-left: 20px;}

/* Headers */
.pageheader {background-repeat: no-repeat; height: 120px; width: 422px; font-size: 16pt; color: #636466; font-weight: 900; margin-top: 15px;}
.pageheader div {padding: 0 0 0 130px; line-height: 120px}
.pageheader a, #pageheader-news a {text-decoration: none; color: #444;}
.pageheader a:hover, #pageheader-news a:hover {text-decoration: underline; color: #636466;}
.full-pageheader {background-repeat: no-repeat; height: 120px; width: 900px; font-size: 16pt; color: #636466; font-weight: 900; margin-top: 15px;}
.full-pageheader h1 {padding: 0 0 0 140px; line-height: 120px}

#pageheader-file-upload {background-image:url("../images/pageheader-file-upload.gif");}
#pageheader-export {background-image:url("../images/pageheader-export.gif");}
#pageheader-type {background-image:url("../images/pageheader-type.gif");}
#pageheader-noicon {background-image:url("../images/pageheader-noicon.gif"); background-position: left center; margin-top: 60px; padding: 0 0 0 20px; background-repeat: no-repeat; height: 30px; line-height: 30px; font-size: 15pt; color: #636466; font-weight: 900;}
#pageheader-style {background-image:url("../images/pageheader-style.gif");margin-bottom: 15px;}
#pageheader-news {background-image:url("../images/pageheader-news.gif");margin-bottom: 15px;}

#subscribe-news {
    background:url(/static/images/feed-icon-24x24.gif) no-repeat;
    padding-left:28px;
    line-height:24px;
    display:block;
    font-size: 13pt; color: #636466; font-weight: 900; height: 30px;
    line-height: 30px; margin: 20px 0 20px 0; text-decoration: none;
}

#subscribe-news:hover{ text-decoration: underline; }

#subscribe-comments { margin-left: 50px; margin-bottom:10px;}
#subscribe-comments a {
    background:url(/static/images/feed-icon-16x16.gif) no-repeat;
    margin-left:10px;
    padding-left:28px;
    line-height:20px;
    display:block;
    font-size: 10pt; color: #636466; font-weight: 900;
    text-decoration: none;
}

#subheader-convert-to {background-image:url("../images/subheader-convert-to.gif"); background-repeat: no-repeat; height: 69px; width: 289px; font-size: 14pt; color: #636466; font-weight: 900; margin-top: 10px;}
#subheader-convert-to div {padding: 29px 0 0 81px;}

.style-bluebg-subhead {margin: 40px 0px 4px 0px; background-image:url("../images/subheader-bluebg.gif"); background-repeat: no-repeat; font-size: 16pt; color: #636466; font-weight: 900; width: 900px; height: 30px; line-height: 30px;}
.style-bluebg-subhead .controls {float: left; font-size: 11pt; color: #333; line-height: 28px; vertical-align: middle; text-align: right;} 
.style-bluebg-subhead .controls .page-left {margin: 3px 4px 0 0;}
.page-numbers {margin-left: 560px; display: inline; font-size: 11pt; color: #333; line-height: 28px;} 
.style-bluebg-subhead .title {width: 828px; float: left; margin-left: 12px; height: 30px; line-height: 30px; position: relative;}

h2.style-bluebg-subhead { padding-left: 15px;}

.export-preview-head {background-image:url("../images/export-preview-left.gif"); background-position: left top; background-repeat: no-repeat; height: 30px; width: 422px; margin: 21px 0 20px 0;}
.export-preview-head div {background-image:url("../images/export-preview-right.gif"); background-position: right top; background-repeat: no-repeat; line-height: 30px;font-size: 13pt; color: #636466; font-weight: 900;}
.export-preview-head div .title, .title {float: left; margin-left: 12px;}
.subtitle {font-size: .8em} 
.export-preview-options {float: right; padding: 3px 6px 0 0; line-height: 30px;}
.preview-icon-divider {margin: 0 4px 0 4px;}
.preview-icon-spacer {margin-right: 20px;}
.preview-icon-active {opacity: 0.2; cursor: default;}
.preview-icon-inactive {opacity: 1.0; cursor: pointer;}
.export-preview-options {padding-left: 20px;}
.export-preview-jumbo-head {width: 750px;  margin: 6px 0 10px 0;}
.jumbo-close {text-align: right; margin: 6px 24px 0 0px;}
.syntax-check-head { background-image:url("../images/export-preview-left.gif"); background-position: left top; background-repeat: no-repeat; height: 30px; width: 750px; margin: 10px 0 10px 20px; }
.syntax-check-head div {background-image:url("../images/export-preview-right.gif"); background-position: right top; background-repeat: no-repeat; line-height: 30px;font-size: 13pt; color: #636466; font-weight: 900; padding-left: 10px;}
.syntax-spell-ok {text-align: center; font-weight: bold; font-size: 12pt;}
.syntax-spell {text-align: left; margin: 20px 30px 0 30px; font-size: 11pt; font-family: Arial, Helvetica;}
.syntax-spell-error {background-color: #f4b7b7; border: 1px solid #be0000; background-image:url("../images/syntax-error.gif"); background-repeat: no-repeat; height: 60px; background-position: left center; padding: 0 0 0 90px; font-weight: bold; color: #be0000; line-height: 60px;}
.syntax-spell pre {background-color: #f1f1f1; border-top: 1px solid #e8e8e8; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; margin: 0 20px 0 20px; padding: 10px 10px 10px 10px; font-family: Courier New, Courier;} 
.upload-success {font-weight: bold; color: #333333; font-size: 10pt;}

/* Buttons - default button class sets the basics, other classes assings the appropriate background images*/
.button { background-position: left top; background-repeat: no-repeat; height: 32px; width: 140px; text-align: center; float: left; margin: 0 10px 0 10px;}
.button a { background-position: right top; background-repeat: no-repeat; display: block; height: 32px; line-height: 32px; color: #fff; text-decoration: none; font-size: 11pt; font-weight: bold;}
.button a:hover {text-decoration: underline;}
.button-active {opacity: .4; filter: alpha(opacity=40);}

.convert-options { margin: 20px 0 0 112px;}

.button-darkgrey { background-image:url("../images/buttons/darkgrey-left.gif"); }
.button-darkgrey a { background-image:url("../images/buttons/darkgrey-right.gif");}

.button-beige { background-image:url("../images/buttons/beige-left.gif");}
.button-beige a { background-image:url("../images/buttons/beige-right.gif"); color: #636466; font-size: 12pt;}
.button-green { background-image:url("../images/buttons/green-left.gif"); margin-top: 10px;}
.button-green a { background-image:url("../images/buttons/green-right.gif"); color: #fff;}
.button-green-layout {float: right;}
.button-160w {width: 160px;}


.button-red { background-position: left top; background-repeat: no-repeat; height: 21px; width: 98px; text-align: center; margin: 10px 10px 10px 10px; background-image:url("../images/buttons/red-left.gif"); margin-left: 280px;}
.button-red a { background-position: right top; background-repeat: no-repeat; display: block; height: 21px; line-height: 21px; background-image:url("../images/buttons/red-right.gif"); color: #636466; font-size: 10pt; color: #fff; text-decoration: none; font-size: 10pt; font-weight: bold;}
.button-red a:hover {text-decoration: underline;}



/* Forms */
#form-upload {margin: 45px 0 0 15px;}
#form-upload #submit { margin: 24px 0px 0px 318px; }
select {border: 1px solid #c0c0c0; background-color: #f5f6f6; width: 150px;}
.select-helper-text {font-weight: bold; font-size: 9pt;}
.select-helper-text a {color: #808284; text-decoration: none;}
.select-helper-text a:hover {color: #808284; text-decoration: none; color: #999999;}
label {font-weight: bold; font-size: 10pt; display: block; padding: 5px 0 8px 0;}
input.textfield {background-color: #fff; border: 1px solid #c0c0c0; font-family: Arial, Helvetica, Sans Serif; font-size: 10pt;}
textarea.type {height: 330px; width: 422px; border: 1px solid #c0c0c0; background-color: #f5f6f6; margin-top: 15px;} 
.comment_rating {display:None;}


/* Tables */
.tip-table { width: 100%; height: 60px; margin: 0 0 4px 0;}
.tip-table tr { background-color: #dfe4c0; padding: 10px 0 10px 0;}
.tip-table th { background-color: #dfe4c0; width: 80px; background-image:url("../images/legend-tip.gif"); background-position: 20px 50%; background-repeat: no-repeat;}
.tip-table td { background-color: #dfe4c0; vertical-align: middle; font-family: Arial, Helvetcia, Sans Serif; font-size: 9pt; font-weight: 800; color: #373916; padding: 4px 4px 4px 0px;} 
.legend-element {width: 100%; margin: 4px 0 4px 0; }
.legend-element tr { background-color: #f5f6f6; border-bottom: 4px solid #fff;}
.legend-element th { background-color: #f5f6f6; vertical-align: middle; width: 120px; padding: 10px 0 10px 4px; text-align: left;}
.legend-element th pre {font-family: Courier New, Courier; font-size: 8pt; margin-right: 2px;}
.legend-element td { background-color: #f5f6f6; vertical-align: middle; font-family: Arial, Helvetcia, Sans Serif; font-size: 9pt; font-weight: normal; color: #373916; padding: 4px 4px 4px 4px; border-left: 4px solid #fff;} 


/* Utility */
.hidden { display: none; }
.clickable { cursor: pointer; }
.clear {clear: both; }
strong {font-weight: 900;}



/* http://alexking.org/blog/2007/04/11/ie6-compatibility */
.fuck-ie {
    position: relative;
    zoom: 1;
}