/* Admin
*************************/
div#adminBar {text-align:center;width:100%;margin:0 0 20px 0;padding:2px 0 2px 0;color: #CC3333;border-bottom:1px solid darkgray;}
div#adminBar ul {list-style: none;padding:0;margin:0;}
div#adminBar li {display:inline;font-size:14px;padding:0 15px 0 15px;width:100px;height:100px;}
div#adminBar li .selected {}
div#adminBar a {color: #993333;font-weight:500;text-decoration: none;}
div#adminBar .selectedGallery {color: #7B7B7A;}
div#adminBar a:hover {color: #ff0000;text-decoration: none;}
div#adminMenu {text-align:center;padding-top:0}

.adminFrame table {background:#ccc}

table.admin_List td, table.admin_List th{border: 1px solid rgb(255, 255, 255);border-top-width: 0;border-left-width: 0;padding: 2px 3px 2px 4px;}
table.admin_List tr.odd {background-color: #ddd;}
table.admin_List tr.even {background-color: #eee;}
table.admin_List th {color: white;background-color: #bbb;text-align: center;font-weight: bold;}
table.admin_List th, table.admin_List td {font-size: 1em;}

/* Auth and member
*************************/
.authFrame table {background:#ccc}
/*Member Menu*/
div#memberMenu {text-align:center;width:100%;margin:0 0 20px 0;padding:2px 0 2px 0;color: #CC3333;border-bottom:1px solid darkgray;}
div#memberMenu ul {list-style: none;padding:0;margin:0;}
div#memberMenu li {display:inline;font-size:14px;padding:0 15px 0 15px;width:100px;}
div#memberMenu a, div#memberMenu a:visited {color: #993333;font-weight:500;text-decoration: none;}
div#memberMenu li.selected {color: #660000;}
div#memberMenu a:hover {color: #ff3333;text-decoration: none;}

div#memberFrame .paddedFrame { padding:0 15px 0 15px;font-size: .9em;}
div#memberFrame .tborder {border: 1px;background-color:#999999;font-size: .9em;line-height: 20px;}
div#memberFrame .dborder {border: 1px solid #999;background-color:#999999;font-size: .9em;line-height: 20px;}
div#memberFrame  .theaderhilight {color: #000000;background: #CCCCCC url( /forum/images/parchment2.gif ) repeat;font-size:.9em;text-decoration: none;}
div#memberFrame  a.theader:link,
div#memberFrame a.theader:visited,
div#memberFrame   a.theader:active {color: #FFFFFF; text-decoration: underline;}
div#memberFrame  a.theader:hover { color: orangered; text-decoration: none;}

div#memberFrame  .tcat {background: #C0C0C0;line-height: 20px;}
div#memberFrame  .pagedesc {background: #CCCCCC url( /forum/images/parchmentevendarker.gif ) repeat;}
div#memberFrame  .theader {background: #CCCCCC url( /forum/images/parchmentevendarker.gif ) repeat;}
div#memberFrame  .trow0 {background: #FFFFFF url(/forum/images/parchment.gif) repeat}
/* First alternating background color for row. */
div#memberFrame  .trow1head {background: #CCCCCC url(/forum/images/parchmentevendarker.gif) repeat}
div#memberFrame  .trow1 {background: #FFFFFF url(/forum/images/parchment.gif) repeat}
div#memberFrame  .drow1 {background: #FFFFFF url(/forum/images/parchment.gif) repeat}
/* Second alternating background color for row. */
div#memberFrame  .trow2head {background: #CCCCCC url(/forum/images/parchmentevendarker.gif) repeat}
div#memberFrame  .trow2 {background: #FFFFFF url(/forum/images/parchment.gif) repeat}
div#memberFrame  .trowfinalhead {background: #CCCCCC url(/forum/images/parchmentevendarker.gif) repeat;}
div#memberFrame  .trowfinal {background: silver;}

div#memberFrame  .command {color: #000000;font-size: .8em;font-weight: bold;line-height: 20px;text-decoration : none;}
div#memberFrame  a.command:link,div#memberFrame  a.command:visited, div#memberFrame  a.command:active {color: #333399;font-size: .9em;font-weight: bold;line-height: 20px;text-decoration: none;}
div#memberFrame  a.command:hover {color: orangered;text-decoration: none;}

div#memberFrame  .sectionBody {background-color: white;}
div#memberFrame  .sectionHeader {background-color: #ddddff;}

/* First alternating background color for row. */
#forumBody .trowfinalhead {background: silver;}

/* header,footer and main body
*************************/
body {background-color:#fffff3;margin: 0;padding:0 0 20px 0;font-family: 'Hoefler Text', 'Times New Roman', serif,}
a img {border:0}
body div {margin:0;padding:0}
#outerFrame {position:relative;left:0;top:0;margin: 0 auto; overflow: hidden; width:902px;}
#mainFrame {position: relative;width: 890px;background:white;}
#header_layer {border:1px solid black;height: 150px; width:890px; left: 0; top: 0; margin:0;padding:0;position: relative; text-align:left; color:#dddddd;
    font-size:1em;font-family: 'Hoefler Text', 'Times New Roman', serif}
#header_layer .accountInfo {top:0;left:480px;width:400px;position:absolute;z-index:2;display:inline;text-align:right;}
#header_layer .topLeft {top:0;left:10px;width:400px;position:absolute;z-index:2;display:inline;text-align:left;}
#bannerImg {border: none; height: 150px; left: 0; position: absolute; top: 0; width: 890px; margin:0;padding:0;}
#nav_layer {margin-left: 0; top:125px; position: relative; width: 890px; z-index: 2;height:15px}
#nav .navbar {font-family: 'Hoefler Text', 'Times New Roman', serif;font-size: 1em;color: #cccccc;line-height: 30px;text-align: center;}
#nav .navbar-bg ul {list-style: none;margin: 0;padding: 0;}
#nav li {list-style-type: none;display: inline;padding: 0 20px 0 0;}
#header_layer a, #header_layer a:visited {text-decoration: none;color: #dddddd;}
#header_layer a:hover {color: #ffffff;}
#nav li.current-page a {color: #7B7B7A;}
#header_layer .displayName {color:#ff6666}
#body_layer {border:1px solid #ccc;border-top:0;margin:0}
#footer_layer {margin-top:50px;padding: 0 0 40px 40px;position: relative;width:790px;font-size:1em;font-family: 'Hoefler Text', 'Times New Roman', serif;text-align:center}
#body_layer .contentFrame {padding:20px 20px 0 20px}

/* Date icon
******************/
.contentDate {background: #FFFFFF url(/images/date.png);float: left;width: 45px;height: 50px;margin: 0;padding: 0;text-align:center}
.contentDate h3 {color: #FFFFFF;font-size: 12px;font-weight: normal;padding: 0;margin: 0;text-transform: uppercase;}
.contentDate h4 {font-family: Times New Roman, Helvetica, Sans-Serif;color: #999999;font-size: 21px;font-weight: bold;padding: 2px 0 0px 0;margin: 0;text-align: center;}


/* Order Info
****************/

#memberFrame .orderGutter {width:195px;float:right;;margin-top:5px}
#memberFrame .orderGutter .checkoutPanel {margin-top:0;width:195px;padding-bottom:5px;height:190px;background-color:white;position:relative;}
#memberFrame .orderGutter .checkoutPanel h3  {margin:0 0 5px 0;width:100%;height:19px;font-size:1.1em;text-align:center;padding:6px 0}
#memberFrame .checkoutPanel .checkOutLine  {width:185px;text-align:right;padding-right:10px;}
#memberFrame .checkoutPanel .subtotal  {float:left;width:75px;padding-right:5px;text-align:right;font-weight:bold;}
#memberFrame .noOrderItems {width:100%}
#memberFrame .orderItem {width:100%;margin:10px 0}
#memberFrame .orderItemPrice {width:100px;text-align:center;display:inline-block;}

#memberFrame .review .orderItemTitle {width:460px;}
#memberFrame .review .orderItemDesc {width:620px;margin:0;color:#333333;}
#memberFrame h3 .orderItem  {margin:0}

#memberFrame .orderItemContainer {width:850px;margin:0;padding-bottom:5px;background-color:white;position:relative;}
#memberFrame .orderItemContainer h3 {height:19px;font-size:1.1em;text-align:center;padding:6px 0;text-align:center}
#memberFrame .orderItemContainer .orderItemTitle {margin-left:10px;width:660px;text-align:left;display:inline-block;}
#memberFrame .orderItemContainer .orderItemDesc {margin-left:30px;width:810px;text-align:left;display:inline-block;color:#333333}
#memberFrame .orderItemContainer .orderItemPrice {width:100px;text-align:right;display:inline-block;}
#memberFrame .shoppingCart .orderAddress {margin-top:5px;padding-bottom:5px;text-align:left;float:left;width:650px;height:190px;background-color:white;position:relative;}
#memberFrame .shoppingCart .orderAddress h3  {margin:0 0 5px 0;width:100%;height:19px;font-size:1.1em;text-align:center;padding:6px 0;color:#555555}
#memberFrame .shoppingCart .orderAddress .bodyIndent  {padding-left:10px}
#memberFrame .shoppingCart .ui-button  {float:right;margin:-5px 20px 0 0}
#memberFrame .shoppingCart .ui-button-text  {font-size:.9em;padding:.2em .5em}


#memberFrame .shoppingCart .orderItem {padding-bottom:20px}
#memberFrame .shoppingCart .orderItemContainer {width:650px;margin:0;height:auto;min-height:190px}
#memberFrame .shoppingCart .orderItemTitle {width:380px;}
#memberFrame .orderItemQuantity {width:60px;text-align:center;display:inline-block;}
#memberFrame .orderItemDelete {width:80px;text-align:center;display:inline-block;}
#memberFrame .orderItemAction img {vertical-align:top;float:left}
#memberFrame .shoppingCart .orderItemDesc {width:520px;margin:0 10px;}

#memberFrame .transactionContainer {width:850px;margin:0;padding:0;background-color:white;position:relative;}
#memberFrame .transactionContainer h3 {height:19px;font-size:1.1em;text-align:center;padding:6px 0;text-align:center}
#memberFrame .transactionDate {width:200px;text-align:left;display:inline-block;}
#memberFrame .transactionDesc {width:450px;text-align:left;display:inline-block;}
#memberFrame .transactionAmount {width:80px;text-align:right;display:inline-block;}
#memberFrame .transactionStatus {width:80px;text-align:center;display:inline-block;}