@charset "UTF-8";

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,cabption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

p { margin-bottom: 1em; }
em { font-style: italic; }
strong { font-weight: bold; }

fieldset { display: block; border: 1px solid #DBD9CA; padding: .5em; margin: 0 0 .5em 0; }
legend { font-weight: bold; }
legend em { font-weight: normal; font-style: normal; }
label { width: 30%; margin-right: .5em; text-align: right; float: left; display: block; }

div.hr { line-height: 0.5em; margin-bottom: 0.5em; border-bottom: 1px solid #DBD9CA; }
hr { color: #DBD9CA; background-color: #DBD9CA; height: 1px; border: none; }

.admin {
    background-color: #ef9;
}
.admin-title {
    background-color: #ff9;
}

strong.highlight {
    font-weight: normal;
    background-color: #ef9;
}

img.icon16, img.icon9 { height: 16px; margin-right: 4px; vertical-align: bottom; }
img.icon9 { height: 9px; margin-right: 2px; }
a img.icon16, a img.icon9, input.icon16 { border: 1px solid transparent; }
a:hover img.icon16, a:hover img.icon9, input:hover.icon16 { border: 1px dashed #dbd9ca; }
td.action img.icon16, td.action img.icon9 { margin-right: 0; }

body{
    text-align: center;
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 140%;
}

input, textarea, select, ul, ol, li { font: 11px Verdana, Arial, Helvetica, sans-serif;}

a         { color: #8F1517; text-decoration: none; }
a:hover   { color: #8F1517; text-decoration: underline; }
a:visited { color: #8F1517; }

.column {
    float: left;
    padding-bottom: 32767px;
    margin-bottom: -32762px;
}
.cleaner {
    clear: both;
}

#wrap {
    width: 950px;
    text-align: left;
    font: 1.1em/1.4em;
    overflow: hidden;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
}

#header {
    background: #fff url(../images/layout/headerTopBgr.gif) top repeat-x;
}

h1#logo {
    background: transparent url(../images/layout/dictum_logo.gif) top left no-repeat;
    height: 70px;
    width: 200px;
    margin-top: 6px;
    /* margin-bottom: 6px; */
}

h1#logo span {
    display: none;
}

#mainmenu {
    background-image: url(../images/layout/headerTopBgr.gif);
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 20px;
    padding-bottom:15px;
}

#mainmenu a {
    background-color:#8F1517;
    border:2px solid #720B0D;
    color:#E9E9E9;
    font-weight:bold;
    padding:5px;
}


#mainmenu a.static {
    background-color:#2D4C75;
    border:2px solid #4F6A92;
    font-weight:bold;
    padding:5px;
}

#leftcolumn {
    width:250px;
    padding-left:0px;
    padding-right:0px;
}

#centercolumn {
    width:440px;
    padding-left:5px;
    padding-right:5px;
}

#rightcolumn {
    width:250px;
    padding-left:0px;
    padding-right:0px;
}
#bigrightcolumn {
    width:695px;
    padding-left:5px;
    padding-right:0px;
}

#footer {
    padding-top: 6px;
    background-image: url(../images/layout/headerTopBgr.gif);
    background-repeat: repeat-x;
    background-position: top;
    color: #666666;
    font-size: 10px;
    text-align: center;
}

.panel250 {
    background-image: url(../images/layout/panel250bgr.gif);
    width: 250px;
    margin-bottom: 5px;
}

.panel430 {
    width:440px;
    background-image: url(../images/layout/panel440bgr.gif);
    margin-bottom: 5px;
}

.panel695 {
    width:695px;
    background-image: url(../images/layout/panel695bgr.gif);
    margin-bottom: 5px;
}

.panelcontent {
    padding: 10px;
}

.panelcontent h1 {
    font-size: 12px;
    color: #2D4C75;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 10px;
}

.banner250 {
    width: 250px;
    margin-bottom: 5px;
}

.banner250 .panelcontent {
    text-align: center;
    padding: 5px;
}

.img60 {
    background: transparent url(../images/layout/img60bottom.gif) bottom center no-repeat;
    text-align: center;
    /*float: left;*/
    margin-right: 5px;
    margin-bottom: 3px;
}

.img60 img {
    background: transparent url(../images/layout/img60top.gif) top center no-repeat;
    margin: 0px;
    padding:5px;
    width: 60px;
}

.img80 {
    background: transparent url(../images/layout/img80bottom.gif) bottom center no-repeat;
    text-align: center;
    /*float: left;*/
    margin-right: 5px;
    margin-bottom: 3px;
}

.img80 img {
    background: transparent url(../images/layout/img80top.gif) top center no-repeat;
    margin: 0px;
    padding: 5px;
    width: 80px;
}

.img32 {
    background: transparent url(../images/layout/img32bottom.gif) bottom center no-repeat;
    text-align: center;
    /*float: left;*/
    margin-right: 5px;
    margin-bottom: 3px;
}

.img32 img {
    background: transparent url(../images/layout/img32top.gif) top center no-repeat;
    margin: 0px;
    padding: 5px;
    width: 32px;
}

.img150 {
    background: transparent url(../images/layout/img150bottom.gif) bottom center no-repeat;
    text-align: center;
    /*float: left;*/
    margin-right: 5px;
    margin-bottom: 3px;
}

.img150 img {
    background: transparent url(../images/layout/img150top.gif) top center no-repeat;
    margin: 0px;
    padding:5px;
    width: 150px;
}

.book250 h1 {
    font-size: 12px;
    color: #2D4C75;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 10px;
}
.book250 p {
    font-size: 10px;
}

.book440 h1 {
    font-size: 14px;
    color: #8F1517;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 10px;
}

.book440 a {
    color: #8F1517;
}

.book440 p {
    font-size: 11px;
    line-height: 14px;
}

table.books {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

table.books th {
    font-weight: bold;
    background-color: #EEE;
    border-bottom: solid 1px #CCC;
    padding: 2px 3px;
    vertical-align: middle;
}

table.books th.title { width: 45%; }
table.books th.author { width: 20%; }
table.books th.publisher { width: 20%; }
table.books th img.sort_icon { vertical-align: baseline; }

table.books tr.even td { background-color: #fff; }
table.books tr.odd td { background-color: #f8f8f8; }
table.books tr.even:hover td, table.books tr.odd:hover td { background-color: #e8e8e8; }

table.books td, table.book td { vertical-align: top; padding: 2px; }
table.books td.right, table.book td.right { text-align: right; }
table.books td.center, table.book td.center { text-align: center; }
table.books td.position { color: #999; text-align: right; }
table.books td.quantity { text-align: right; font-weight: bold; color: #2D4C75; }

table.bookDetails .label, table.bookDetailsMini .label {
    text-align: right;
    padding-right: 5px;
}

table.bookDetailsMini td {
    padding-top: 0;
    padding-bottom: 0;
    margin-top:0;
    margin-bottom:0;
}

table.bookDetails h1 {
    font-size: 14px;
    color: #2D4C75;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}

table#orders { width: 100%; table-layout: fixed; }
table#orders th { font-weight: bold; background: #eee; }
table#orders th input.text { width: 99%; }
table#orders td, table#orders th { padding: 1px 4px; vertical-align: top; border: 1px solid #eee; }
table#orders th { padding: 1px 4px 1px 2px; }
table#orders th.status, table#orders td.status, table#orders th.action, table#orders td.action { width: 18px; padding: 1px; text-align: center; }
table#orders th.user { /* width: 40%; */ }
table#orders th.symbol { width: 15%; }
table#orders th.name { width: 25%; }
table#orders th.sent_at, table#orders td.sent_at { width: 15%; text-align: right; }
table#orders th.spacer { line-height: 1px; height: 1px; max-height: 1px; padding: 0; background: #ccc; }
table#orders td { height: 1em; max-height: 1em; overflow: hidden; white-space: nowrap; }

.pagination { text-align: center; border-top: solid 1px #ccc; padding-top: 10px; }
.pagination .current { font-weight: bold; }
.pagination .button { border: 1px solid transparent; padding: 1px 2px; margin: 0 1px; }
.pagination a.button:hover { border: 1px solid #ccc; border-top-color: #ddd; border-right-color: #ddd; background: #f3f3f3; }
.pagination img { vertical-align: baseline; }
.pagination input { width: 3em; text-align: right; padding: 0 2px; }
th.pagination { padding-top: 2px; padding-bottom: 14px; border: 0 none; vertical-align: middle; }
th.pagination .pages { float: left; }
th.pagination .info { float: right; }

table#orders tfoot th { font-weight: normal; }

.form_panel {
    font-size: 10px;
    text-align: right;
    margin-top: 20px;
}

.form_panel table td{
    padding:3px;
    text-align: right;
}

.form_panel table th{
    text-align:right;
}

.form_panel select.combo {
    font-size: 11px;
    color: #666;
    width: 136px;
}

.form_panel input.field{
    font-size: 11px;
    color: #666;
    background: #fff url(../images/layout/inputBgr.gif) right top no-repeat;
    border: 1px solid #d0d0d0;
    border-top: none;
    padding: 4px 8px 2px 8px;
    width: 120px;
}

.form_panel input.button, .form_order input.button {
    font-size: 11px;
    color: #666;
    background: #fff url(../images/layout/inputBgr.gif) right top no-repeat;
    border: 1px solid #d0d0d0;
    border-top: none;
    padding: 3px 10pt 3px 10px;
}

/* WARNINGS */
.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}

#errorExplanation, div.warning {
    width: 420px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

.alert { color: #f00; }
div.warning { border: 2px solid orange; }
#errorExplanation h2, div.warning h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}
div.warning h2 { background-color: #c60; }
#errorExplanation p, div.warning p { color: #333; margin-bottom: 0; padding: 5px; }
#errorExplanation ul li, div.warning ul li { font-size: 12px; list-style: square; }

#tableList th { white-space: nowrap; }

/* MISC */
table.form td.label { white-space: nowrap; padding: 0px 2px 2px 8px; text-align: right; }
table.form td.input { padding: 2px 4px; }
table.form th.fieldset { font-weight: bold; padding-top: 1em; }
table.form td.submit { text-align: center; padding: 4px; }

sup.required { color: red; font-weight: bold; }
div.fieldWithErrors sup.required { color: white; }