html { margin:5px 0; padding:0; }  /*dark blu bg 0b151e  header blu 1e2a38  lt gold f2e1a9 bright gold ffd479 orange ff9900 bg gray #5e6770 footer bg #1e2a38 light bg #1e2a38 dark bg 0b151e, border 787f88 */
body { width:auto; height:auto; background:#5e6770; text-align:left; font:13px Arial, Helvetica, sans-serif; color:#cccccc; margin:0; padding:0; }
p { margin-top:8px; margin-bottom:11px; }  img { border:none; }
h1 { font:small-caps 24px Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:0; color:#ffd479; }
h2 { font:small-caps 17px Arial, Helvetica, sans-serif; padding:0; margin:0; margin-bottom:5px; color:#ffd479; }
h4 { font:small-caps 14px Arial, Helvetica, sans-serif; letter-spacing:1.6px; padding:0; margin:0; margin-bottom:7px; color:#ffd479; }

.small { font:11px Helvetica, Arial, sans-serif; text-align:center; } .scaps { font-variant:small-caps; }  .heading-hm { width:1242px; height:36px; padding-top:12px; margin-bottom:10px; border:1px solid #787f88; }
.red { color:red; } .gold { color:#ffd479; margin-bottom:5px; }  .orange { color:#ff9900; }  .center { text-align:center; }  .right { text-align:right; }  .caption { text-align:center; margin-bottom:5px; }
#container { width:1272px; height:auto; margin:auto; position:relative; } 
#content { width:1240px; height:auto; margin:auto; float:left; background-color:#0b151e; padding:15px; border-left:1px solid #787f88; border-right:1px solid #787f88; border-bottom:1px solid #787f88; padding-bottom:10px; } 
#pageheader {	width:1270px; height:142px; float:left; margin:auto; background:#1e2a38 url(../img/gr/cwc-header.jpg) no-repeat center top; border:1px solid #787f88; }
#logobox { width:1270px; height:48px; float:left; border-bottom:1px solid #787f88; }  #logo-mid { width:1270px; height:70px; float:left; }
#logotext1 { width:1270px; height:31px; font:small-caps 33px Garamond, "Garamond Premr Pro",Times,serif; float:left; text-align:center; color:#ffffff; position:absolute; top:4px; margin-top:4px; } /*38*/
#logotext2 { width:250px; height:20px; position:absolute; left:950px; top:67px; }
#logotext3 { width:250px; height:20px; position:absolute; left:950px; top:88px; }
#bannerbox { width:350px; height:36px; position:absolute; left:28px; top:76px; }
.banner { font:small-caps 17px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#ffd479; text-align:center; }
#topnav { width:1270px; height:19px; position:absolute; left:0; top:123px; font:13px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-bottom:2px; border-top:1px solid #787f88; }
#toopnav { width:1242px; height:23px; position:absolute; left:0; top:118px; text-align:center; baackground-color:#f8f8f8; padding-top:2px; border-top:1px solid #ffffff; e0e0e0; }    
#topnav a { font:10px Verdana, Helvetica, Arial, sans-serif; color:#ffffff; text-decoration:none; }
#topnav a:hover {	color:#ffd479; text-decoration:underline; }
#topnav a.selected { color:#ff9900; text-decoration:none; font-weight:bold; }
#dropmenudiv { position:absolute; border:1px solid #787f88; border-bottom-width:0; font:bold 12px Helvetica, Ariel, sans-serif; line-height:18px; z-index:100; }
#dropmenudiv a { width:100%; display:block; text-indent:10px; background-color:#1e2a38; border-bottom:1px solid #787f88; padding:1px 0; text-decoration:none; color:white; }
#dropmenudiv a:hover { background-color:#a6cff7; color:blue; }

.photocol { width:auto; height:auto; float:right; }  .photocol img { border:1px solid #787f88; margin-bottom:9px; }
.photocol-L { width:669px; height:auto; float:left; }  .photocol-L img { text-align:center; border:1px solid #787f88; margin-bottom:9px; }
.photocol-R { width:450px; height:auto; float:right; }
.photo-L { float:left; margin-right:10px; }  .photo-R { float:right; margin-left:10px; }

#leftcol  { width:560px; height:auto; float:left; padding:15px; border:1px solid #787f88; }
#rightcol { width:560px; height:auto; float:right; padding:15px; border:1px solid #787f88; }
.rightcol { width:671px; height:auto; float:right; }
#gallerytext { width:510px; min-height:627px; float:left; background:#1e2a38; text-align:left; line-height:1.4em; padding:20px; border:1px solid #787f88; } 
.textcol, .textcol1, .textcol2, .textcol3, .textcol3w, .textcol4 { height:auto; float:left; padding:25px; background:#1e2a38; line-height:1.4em; margin-bottom:10px; border:1px solid #787f88; }
.textcol, .textcol1 { width:500px; } .textcol1 { font-size:14px; } .textcol2 { width:553px; }  .textcol3, .textcol3w { width:720px; }  .textcol3w { background:#ffffff; color:#666; }  .textcol4 { width:1051px; margin-left:71px; }   
.textcol ul { margin:0; padding:0 15px 5px; color:white; }
.textcol p a, .textcol ul a, .textcol-hm p a, .textcol-hm ul a { text-decoration:underline; }
.heading { width:510px; height:auto; margin-bottom:10px; }
ul.reg, ol.reg { margin:5px 0px 5px 19px; padding:10px; }  li.reg { padding:5px 0; }


#art-image { width:671px; height:auto; text-align:center; }  #art-image img { border:1px solid #787f88; }
#art-caption { width:669px; height:18px; float:left; margin-top:3px; margin-bottom:10px; text-align:center; color:#cccccc; }
#art-formats { width:510px; height:auto; float:left; margin-top:15px; margin-bottom:15px; padding:20px 0 25px 0; text-align:left; color:#cccccc; border-top:1px solid #b9a252; border-bottom:1px solid #b9a252; }
.art-desc { width:310px; height:auto; float:left; padding:6px 0; }
.price { width:70px; height:auto; float:left; text-align:right; margin-right:25px; padding:6px 0; }
.status { width:100px; height:auto; float:left; padding:6px 0; }
.whitecol { width:1214px; height:auto; float:left; padding:15px; background-color:#ffffff; border:1px solid #0f79c0; color:#0f79c0; }
.fullcol { width:1214px; height:auto; float:left; padding:15px; background-color:#0b151e; border:1px solid #787f88; }
.fullcol2 { width:1224px; height:auto; float:left; padding:10px; background-color:#0b151e; border:1px solid #787f88; }
.fullbox2 { width:1194px; height:auto; float:left; padding:10px 10px; background:#1e2a38; border:1px solid #787f88; color:white; margin-bottom:10px; }
.fullbox { width:1208px; height:auto; float:left; padding:10px 15px; background:#1e2a38; border:1px solid #787f88; color:white; margin-bottom:10px; }
.rightbox { width:700px; height:28px; float:right; color:#ffd479; text-align:right; padding-right:15px; }
.left-hm { width:306px; height:auto; float:left; text-align:left; padding:5px 20px 10px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
.stat { width:306px; height:24px; float:left; padding-top:15px; }
.hm-L { width:241px; height:24px; float:left; text-align:left; }
.hm-R { width:65px; height:24px; float:right; text-align:right; font:bold 13px; }
.history-edit { width:710px; float:left; height:auto; text-align:left; background:#1e2a38; padding:20px 10px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
.history-L { width:450px; float:left; height:auto; text-align:left; background:#1e2a38; padding:20px 10px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
.history-R { width:753px; height:auto; float:right; }  .history-R .col-notes
.pop-add-L { width:300px; float:left; height:auto; text-align:left; background:#1e2a38; padding:20px 10px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
.pa-add-L { width:240px; float:left; height:auto; text-align:left; background:#1e2a38; padding:20px 10px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
.pa-add-R { width:963px; height:auto; float:right; }
.action { width:448px; height:auto; margin-left:0px; margin-top:5px; }
.admin-L { width:504px; float:left; height:462px; text-align:left; background:#1e2a38; padding:20px 10px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
.admin-R { width:494px; height:508px; float:right; text-align:left; line-height:1.4em; padding:25px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
.textbox { width:464px; height:auto; float:left; text-align:left; line-height:1.4em; font-size:12px; color:#cccccc; padding:15px; margin-top:15px; border:1px solid #787f88; }
.formcol { width:494px; height:508px; float:left; text-align:left; line-height:1.4em; padding:25px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
#contact { width:494px; height:641px; float:left; text-align:left; line-height:1.4em; padding:25px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
#client  { width:494px; height:641px; float:left; text-align:left; line-height:1.1em; padding:20px; font:12px Helvetica, Ariel, sans-serif; border:1px solid #787f88; }
.clientcol { width:630px; height:auto; float:left; padding:0 20px; margin-bottom:10px; border:1px solid #787f88; }
.client-add { width:598px; height:auto; float:left; padding:15px; margin-bottom:10px; background:#1e2a38; border:1px solid #787f88; }
#address { width:494px; height:auto; float:left; text-align:center; line-height:1.4em; font-size:14px; color:#cccccc; margin-top:15px; }
#request { width:494px; height:440px; float:left; margin-top:10px; background:#1e2a38; border:1px solid #787f88; color:white; }

.goform { padding:20px; margin-top:40px; border:2px outset #ffd479; font-size:14px; text-align:center; }
.historyform label, .clientform label, .clientform1 label, .popeditform label, .poptitleform label, .artform label, .fileupload label, .searchform label, .paform label { font-weight:normal; float:left; text-align:right; padding-right:12px; }
.SelectClient { margin:0; padding:0 }  .SelectClient label { width:100px; } .paform label { width:200px; }
.historyform { padding-top:5px; }  .historyform label { width:63px; }  .historyform textarea { font:12px Verdana, Arial, Helvetica, sans-serif;}
.historyform btn { width:200px; }  .inquiry { width:328px; }  
.clientform { width:522px; }  .clientform1 { width:1214px; } .clienteditform { width:650px; }
.clientform, .popeditform, .poptitleform { height:auto; float:left; }  
.clientform label, .clientform1 label, .popeditform label, .fileupload label { width:85px; }  .artform label { width:46px; }  .title label { width:115px; }  .searchform label { width:100px; }
.artform { line-height:2.2em; }
.form-L, .form-R { width:580px; height:260px; padding:10px; margin-bottom:15px; background:#1e2a38; border:1px solid #787f88; }
.form-L { float:left; }  .form-R { float:right; }
#pop-edit-box { width:640px; height:850px; float:left; background-color:#0b151e; }
#pop-history-box { width:750px; height:850px; float:left; background-color:#0b151e; }
.client, .title { width:600px; height:auto; float:left; padding:10px; margin-bottom:10px; background:#1e2a38; border:1px solid #787f88; }
.client1 { width:532px; height:auto; float:left; padding:10px; margin-bottom:10px; background:#1e2a38; border:1px solid #787f88; }
.client label { width:85px; }  .client1 label { width:85px; }
.btn { background:#ffd479; padding:3px 5px; margin-right:7px; margin-bottom:7px; }  input { baackground:#ff9900; }
.formline { width:1184px; height:auto; float:left; }
.note { width:444px; height:auto; text-align:center; padding:8px 25px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background:#afd2f4; color:#0a5ca9; }
.notes { width:490px; font:13px Verdana, Geneva, sans-serif; color:black; }  .histnotes { width:444px; height:auto; margin-top:5px; } .details { width:444px; height:auto; margin-left:25px; margin-top:5px; }
.shipnotes { width:459px; font:13px Verdana, Geneva, sans-serif; color:black; }  
.abbr { width:200px; height:auto; float:left; }  


#options { width:720px; margin:5px auto; text-align:right; color:#9ac1c9; }
#options a { text-decoration:none; color:#9ac1c9; }  #options a:hover { color:#033; }
#acc, #nested, #nested1, #nested2, #nested3, #nested4, #nested5, #nested6, #nested7 { list-style:none; color:#033; margin:0 auto 40px; }
#acc a { color:blue; text-decoration:underline; }
* { margin:0 auto; padding:0; }
#acc { width:720px; }  #nested, #nested1, #nested2, #nested3, #nested4, #nested5, #nested6, #nested7, #nested8 { width:688px; }  /* 720-457= 263  425+263 = 688 */
.textcol3w h1 { color:#ce9827; }  .textcol3w h2 { color:#ce9827; font-weight:bold; }
#acc h3, #nested h3, #nested1 h3, #nested2 h3, #nested3 h3, #nested4 h3, #nested5 h3, #nested6 h3, #nested7 h3 { border:1px solid #9ac1c9; padding:6px 6px 7px; font:bold 14px Arial, Helvetica, sans-serif; color:#009; margin-top:5px; cursor:pointer; background:url(/img/gr/header.gif); }
#acc h3 { width:706px; } #nested h3, #nested1 h3, #nested2 h3, #nested3 h3, #nested4 h3, #nested5 h3, #nested6 h3, #nested7 h3 { width:674px; }  /* 443  411*/
#acc h3:hover, #nested h3:hover { background:url(/img/gr/header_over.gif); }
#acc .acc-section, #nested .acc-section, #nested1 .acc-section, #nested2 .acc-section, #nested3 .acc-section, #nested4 .acc-section, #nested5 .acc-section, #nested6 .acc-section, #nested7 .acc-section, #nested8 .acc-section { overflow:hidden; background:#fff; }
#acc .acc-content, #nested .acc-content, #nested1 .acc-content, #nested2 .acc-content, #nested3 .acc-content, #nested4 .acc-content, #nested5 .acc-content, #nested6 .acc-content, #nested7 .acc-content, #nested8 .acc-content { padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff; }
#acc .acc-content { width:688px; }  #nested .acc-content, #nested1 .acc-content, #nested2 .acc-content, #nested3 .acc-content, #nested4 .acc-content, #nested5 .acc-content, #nested6 .acc-content, #nested7 .acc-content, #nested8 .acc-content { width:656px; }
#nested .acc-selected { background:url(/img/gr/header_over.gif); }
.reg-ul, .reg-ol { padding:4px 0 6px; margin:3px; margin-left:20px; }  .reg-ul { list-style-type:disc; }

a:link, a:visited { color:#ffd479; text-decoration:none; } /*ffd479; based on logo b49248*/
a:hover {	color:#ff9900; text-decoration:underline; }
#footer { width:1270px; height:auto; clear:both; float:left; font:12px Helvetica, Arial, sans-serif; text-align:center; }
#footnav { width:1270px; height:25px; padding-top:9px; background:#1e2a38; border-right:1px solid #787f88; border-left:1px solid #787f88; }
.more a:link, .more a:visited { color:#ff9900; }
#footer a.selected { color:#ff9900; text-decoration:none; font-weight:bold; text-transform:uppercase; }
#copyright { width:1272px; height:17px; font-size:11px; text-align:center; float:left; padding-top:5px; color:#1e2a38; margin-bottom:25px; }
#copyright a:link, #copyright a:visited { color:#1e2a38; text-decoration:underline; }
#copyright a:hover { color:#ff9900; text-decoration:underline; }

#adm-head { width:100%; height:30px; background-color:#2266aa; float:left; font:13px Arial, Helvetica, sans-serif; color:white; }
.adm-data { font:13px Arial, Helvetica, sans-serif; color:black; }
.adm-btn { font:10px Arial, Helvetica, sans-serif; color:black; background-color:#ffbb00; display:inline; }
img { border:none; }  .red { color:red; }  .star { color:red; font-size:24px; }
#tabmenu { width:100%; height:22px; float:left; margin-top:10px; background-color:#0b151e; font:bold 13px Arial, Helvetica, sans-serif; color:black; }
.tab { width:auto; height:22px; float:left; background:#ffd479; 5e6770; text-align:center; }
.tabend { width:109px; height:22px; float:left; } .tab a { color:black; } .tab a:hover { color:#ff9900; text-decoration:none; }
.selectab { width:144px; height:19px; float:left; background:#0b151e url(/img/gr/menu-tab-dark-full.gif) no-repeat; padding-top:3px; }
.selectab a { color:#ff9900; text-align:center; }  .selectab a:hover { color:#ff9900; text-decoration:none; }
.dateform { width:100%; height:auto; float:left; background:#1e2a38; color:white; padding:10px 0 8px 2px; margin:0; border-bottom:2px solid white; }
.dates { float:left; padding-right:10px; } .sort { float:right; padding-right:10px; }

.colhead, .colhead2, .colhead3, .head, .head1 { height:auto; float:left; background:#1e2a38; padding-top:2px; padding-left:2px; font:13px Arial, Helvetica, sans-serif; color:white; border:1px solid #787f88; margin-bottom:2px; }
.colhead { width:1237px; } .colhead2 { width:751px; }  .colhead3 { width:961px; }  .head { width:1184px; }  .head1 { width:1207px; }
.row1, .row2, .note1, .note2, .note3, .note4 { width:100%; float:left; margin-left:1px; color:black; }
.row1, .row2 { height:34px; padding-top:5px; }  .note1, .note2 { height:auto; padding:2px 0; }  .note3, .note4 { height:16px; padding:2px 0; }
.row3, .row4 { width:570px; height:28px; float:left; font:13px Arial, Helvetica, sans-serif; color:black; }
.row3-L, .row4-L { width:280px; height:18px; float:left; padding:4px 0; }  .row3-R, .row4-R { width:290px; height:18px; float:right; padding:4px 0; }
.row1 a:link, .row2 a:link, .row1 a:visited, .row2 a:visited, .note1 a:link, .note2 a:link, .note1 a:visited, .note2 a:visited  { color:#2266aa; text-decoration:underline; font:bold 11px tahoma, arial, verdana; }
.row1 a:hover, .row2 a:hover, .note1 a:hover, .note2 a:hover { color:red; text-decoration:underline; font:bold 11px tahoma, arial, verdana; }
.row1, .row3, .note1, .note3 { background:#ffffff; }  .row2, .row4, .note2, .note4 { background:#e6e6e6; }
.col0, .col1, .col2, .col3, .col4, .col5, .colw, .col7, .col8 { float:left; text-align:left; }
.col0 { width:40px; } .col1 { width:6%; }  .col2 { width:9%; }  .col3 { width:11%; }  .col4 { width:13%; }  .col5 { width:16%; }  .colw { width:57%; } .col7 { width:200px; }
.col8 { width:350px; }
.col-R { width:8%; float:left; text-align:right; } 
.col-id, .col-cid, .col-agent, .col-name, .col-address, .col-phone, .col-email, .col-date, .col-title, .col-essay, .col-action, .col-history1, .col-history2, .col-notes, .col-artist, .col-cash, .col-pa, .col-client, .col-status, .col-note, .col-no, .col-num, .col-text20, .col-text30, .col-text38, .col-text50, .col-text70, .col-text159, .col-text170, .col-text200, .col-text225, .col-text241, .col-text300, .col-text450, .col-space, .col-space2, .col-dat, .col-datetime { height:auto; float:left; }
.col-id { width:50px; }  
.col-pa { width:60px; }  .col-client { width:180px; }  .col-tax { width:100px; }
.col-agent { width:38px; }
.col-name { width:220px; }
.col-address { width:290px; }
.col-phone { width:121px; }
.col-email { width:290px; margin:0; padding:0; }
.col-date { width:78px; }  .col-dat { width:70px; }  .col-datetime { width:200px; }
.col-title { width:250px; }
.col-essay { width:925px; }
.col-action { width:107px; }  .col-artist { width:85px }
.col-history1, .col-history2 { font:13px "Courier New", Courier, monospace; }  .col-history1 { width:530px; }  .col-history2 { width:655px; }
.col-notes { width:530px; }  .col-note { width:auto; }  .col-status { width:85px; margin-left:15px; margin-right:12px; }
.col-no { width:20px; text-align:right; } .col-num { width:45px; text-align:right; } .col-cash { width:65px; text-align:right; }  
.col-text20 { width:20px;} .col-text30 { width:30px; } .col-text38 { width:38px; } .col-text50 { width:50px; } .col-text70 { width:70px; } .col-text159 { width:159px; } .col-text170 { width:170px; } .col-text200 { width:200px; } 
.col-text225 { width:225px; }  .col-text241 { width:241px; }  .col-text300 { width:300px; } .col-text450 { width:450px; }
.col-space { width:10px; }  .col-space2 { width:20px; } 
.numcol { text-align:right; }

#datatable { width:100%; height:auto; float:left; border:2px solid #2266aa; }
.leftcol { width:590px; height:auto; float:left; }
.rightcol { width:590px; height:auto; float:right; }
.bluebar { width:570px; height:21px; float:left; padding-top:2px; background-color:#2266aa; font:12px Tahoma, Arial, Verdana, sans-serif; color:white; }
.editform { width:570px; height:auto; float:left; line-height:1.4em; font:12px Tahoma, Ariel, sans-serif; border:1px solid #2266aa; margin:0; padding:0; background:#dbdbdb; }
.editform label { width:95px; font-weight:normal; float:left; text-align:right; padding-right:8px; }
.editform btn { width:200px; }  .email { width:165px; }  
#comment { width:570px; height:auto; float:left; background:#f3f3f3; padding:4px 0; } 
.note { width:430px; height:45px; font:12px Verdana, sans-serif; background-color:#ffcc00; }
#note { width:570px; height:auto; float:left; background:#e6e6e6; padding-top:4px; padding-bottom:6px; border-bottom:3px solid #2266aa; }
.textarea { width:450px; }  .histnotes { width:690px; font:13px "Courier New", Courier, monospace; }
.button-panel { width:472px; height:65px; float:left; padding-left:98px; padding-top:3px; background:#2266aa; margin-top:0px; }
.hr { width:auto; height:5px; border-bottom:1px solid #787f88; }
.clientinfo { width:1000px; height:auto; float:left; color:#ffd479; margin-bottom:7px; text-indent:26px; }