/* ---------------------------- */
/* RESET
/* ---------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

/* ---------------------------- */
/* COMMON
/* ---------------------------- */
abbr { border-bottom: 0px dotted #737160;}
strong {font-weight: bold;}
em {font-style: italic;}
h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0;padding: 0;}
ol {margin-bottom: 15px;}
ol li {margin-bottom: 5px;}
p {margin-bottom: 10px;}
p.center { text-align: center; }
div.clear { clear: both; }
div.clear40 { clear: both; height: 40px;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* bicubic resizing for non-native sized IMG */
.ie7 img { -ms-interpolation-mode: bicubic; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
html,body{height:100%;margin:0;padding:0}
body{border:0;font:100%/100% Verdana, Arial, sans-serif;line-height:140%;color:#363636;overflow-x:hidden;background:#fff;margin:0;padding:0}
.accessibility{display:block;text-indent:-9999px;position:absolute}
::-moz-selection,::selection{background:#130f0c;color:#fff}
div#sitewrapper-ie7{position:relative;overflow:hidden}

body {
font: 90%/140% "Droid Sans", Arial, sans-serif;
background: #dce6f9 url(/themes/white-collar/images/bg.jpg) repeat-x;
}

div#wrapper {
margin: 0 auto;
width: 1058px;
}


/* ---------------------------- */
/* SECONDARY
/* ---------------------------- */

div#secondary {
margin: 70px 0 0 0;
width: 238px;
float: left;
}

div#secondary div#tiffani-thiessen {
position: relative;
z-index: 2;
left: -40px;
top: 10px;
width: 297px;
height: 579px;
background: url(/themes/white-collar/images/tiffani-thiessen.png) no-repeat;
}

div#secondary h1 a {
position: relative;
left: 70px;
top: 5px;
width: 128px;
height: 78px;
display: block;
text-indent: -9999px;
background: url(/themes/white-collar/images/tiffani-thiessen-photo-gallery.jpg) no-repeat;
}


/* ---------------------------- */
/* PRIMARY
/* ---------------------------- */

div#primary {
position: relative;
z-index: 0;
margin: 0 0 0 -20px;
padding: 0 20px;
width: 775px;
float: left;
background: #fff;
}

div#primary div#header {
margin: 0 0 30px 0;
height: 141px;
background: url(/themes/white-collar/images/tiffani-thiessen-chef.png) no-repeat;
}

div#primary div#header ul {
margin: 0 0 0 220px;
width: 400px;
float: left;
}

div#primary div#header ul li {
display: inline;
}

div#primary div#header ul li a,
div#primary div#header a.search {
margin: 0 20px 0 0;
padding: 2px 0 0 0;
display: block;
float: left;
color: #000;
font-size: .75em;
letter-spacing: .04em;
text-transform: uppercase;
text-decoration: none;
}

div#primary div#header a.search {
margin: 0;
float: right;
}

div#primary div#header ul li.login a {
color: #c0c0c0;
}

div#primary div#header ul li a:hover {
color: #767676;
}

div#primary div#header ul#mainnav {
position: relative;
top: 2px;
width: 555px;
display: block;
clear: both;
overflow: hidden;
padding: 2px 0 2px 10px;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
}

div#primary div#header ul#mainnav li.search {
float: right;
}

div#primary div#header ul#mainnav li a {
margin-right: 15px;
color: #0d689f;
font-weight: bold;
}

div#primary div#header ul#mainnav li a:hover {
color: #d34544;
}

div#primary div#header select {
margin: -1px 0 0 0;
padding: 5px 3px 3px 3px;
height: 23px;
cursor: pointer;
font-size: .7em !important;
text-transform: uppercase;
border: 0px solid #dbdbdb;
}

div#primary div#header select option {
padding: 5px 4px 5px 7px;
color: #000;
font-size: .95em;
border-bottom: 1px solid #dbdbdb;
}


/* ---------------------------- */
/* MAIN
/* ---------------------------- */

div#main {
margin: 0 0 0 15px;
width: 750px;
min-height: 600px;
clear: both;
}


/*
   CATEGORY LIST
*/

tr.maintablerow {
display: block;
border-bottom: 1px solid #d7d7d7;
}

tr.maintablerow td {
padding: 8px 0;
font-size: 14px;
}

tr.maintablerow td span.catlink {
margin: 0 0 0 10px;
font-size: 14px;
display: block;
font-weight:bold;
}

tr.maintablerow td span.catdesc {
margin: 0 0 0 10px;
width: 550px;
display: block;
font-size: .9em;
color: #777;
text-transform: lowercase;
}

tr.maintablerow td span.catlink a {
padding: 0;
display: block;
color: #333333;
letter-spacing: .03em;
text-transform: uppercase;
text-decoration: none;
}

tr.maintablerow td span.catlink a:hover {
color: #d34544;
}

td.catrow {
font-size: .8em;
text-align: center;
vertical-align: middle;
}


/*
-- STATISTICS
*/

tr.statistics {
margin: 10px 0 0 0;
display: block;
clear: both;
}

tr.statistics td {
padding: 5px 0 10px 10px;
color: #3a7495;
letter-spacing: .05em;
font: italic .9em "Trebuchet MS", sans-serif;
}

tr.statistics td strong {
font-weight: normal;
}

.statlink {
color: #333;
font-weight: normal;
font-size: .9em;
text-transform: uppercase;
}

.statlink a {
color: #444;
text-decoration: none;
}

.statlink a:hover {
color: #10428e;
text-decoration: underline;
}


/*
-- LAST ADDITIONS THUMB INFO
*/

/*views*/
.thumb_title {
margin: -10px 0 -5px 0;
color: #aaa;
font-size: .8em;
line-height: 230%;
display: block;
text-align: center;
}

/*date*/
.thumb_caption {
font-size: .9em;
display: block;
text-align: center;
}

.image {
margin: 0 auto;
display: block;
text-align: center;
border: 3px solid #fff;
-webkit-box-shadow: 2px 2px 2px #c0c0c0;
-khtml-box-shadow: 2px 2px 2px #c0c0c0;
-moz-box-shadow: 2px 2px 2px #c0c0c0;
box-shadow: 2px 2px 2px #c0c0c0;
}


/*
   SELECT ALBUM
*/

td.each-album {
margin: 0 3px 20px 0;
width: 372px;
border-right: 2px solid #fff;
}

td.album-title a {
margin: 0 0 10px 0px;
padding: 3px 0 3px 10px;
display: block;
color: #fff;
font-size: .9em;
font-weight: normal;
text-decoration: none;
background: #87b5cf;
}

td.album-title a:hover {
background: #c6555a;
}


/* album thumb*/

td.album-thumb {
margin: 4px 20px 0 6px;
display: block;
float: left;
width: 100px;
height: 130px;
}

td.album-desc {
margin: 2px 0 0 0;
display: block;
float: left;
width: 230px;
}

td.album-desc p {
font-size: .9em;
line-height: 130%;
}

td.album-desc p.album_stat {
display: block;
color: #8b8b8b;
font-size: .75em;
line-height: 130%;
}


/* delete,prop,edit files*/

div.buttonlist {
margin: 0 0 5px 0;
width: 200px;
}

div.buttonlist ul {
padding: 0 2px 0 0;
}

div.buttonlist ul li {
display: inline;
}

div.buttonlist ul li a {
margin: 0 5px 0 0;
color: #000;
font-size: .8em;
text-transform: uppercase;
text-decoration: none;
}

div.buttonlist ul li a img.icon {
display: none;
}


/* album stat */

.album_stat {
margin: 0 0 10px 0;
font-size: .9em;
}


/*
   SELECT THUMBNAIL 
*/

td.statlink h2 {
margin: 0;
padding: 5px 0 0 0;
color: #d34544;
font-size: 1.5em;
text-transform: none;
}

/* sort */
td.sortorder_cell {
margin: 0;
padding: 5px 0 0 0;
color: #fff;
}

.sortorder_options {
color : #333;
padding: 0;
margin: 0;
font-weight: normal;
white-space: nowrap;
}

td.thumbnails {
padding: 20px 0 30px 0;
}


/*
  JUMP TO
*/

span#tabs_dropdown_span {
margin: 0 0 0 10px;
color: #aaa;
font-size: .9em;
background: none !important;
}

span#tabs_dropdown_span select {
margin: 0 0 0 3px;
cursor: pointer;
border: 1px solid #c0c0c0;
}

td.navmenu {
padding: 3px 4px 3px 4px;
width: 20px !important;
height: 17px;
color: #000;
}

td.navmenu a {
color: #ed504c;
text-decoration: none;
display: block;
}

td.navmenu a:hover {
color: #000;
}

td.navmenu a img.icon {
margin: 0;
padding: 0;
position: relative;
top: 3px;
left: 5px;
}


/*
   IMAGE VIEW OPTIONS
*/

tr.image-options {
margin: 5px 0;
display: block;
}

tr.image-options td {
display: inline;
font-size: .9em;
}

tr.image-options td.return {
width: 50px;
display: block;
float: left;
}

tr.image-options td a {
color: #afafaf;
text-transform: uppercase;
text-decoration: none;
}

tr.image-options td.return a {
padding: 0 0 0 12px;
background: url(/themes/white-collar/images/left-arrow.jpg) no-repeat 0 4px;
}

tr.image-options td.nextimg {
margin: 0;
width: 93px;
display: block;
float: right;
}

tr.image-options td.nextimg a {
padding: 0 12px 0 0;
background: url(/themes/white-collar/images/right-arrow.jpg) no-repeat right 4px;
}

tr.image-options td a:hover {
color: #d34544;
}


/*
  IMAGE VIEW POSITION
*/

tr.picture-position td {
margin: -30px 0 20px 0;
padding: 0 0 10px 0;
display: block;
color: #444;
font-size: .9em;
text-align: center;
}


/*
  FILMSTRIP
*/

td.filmstrip_background {
margin: 0;
padding: 0;
}

div#filmstrip {
margin: 20px 0 20px 0;
display: block;
}

div#film {
margin: 15px 0;
width: 730px !important;
overflow: hidden;
}

div#film table.tape {
margin: 0 0 0 10px !important;
height: auto !important;
}

div#film td.thumb {
margin: 0 15px 0 0;
display: block;
float: left;
width: 127px;
}

div#film td.thumb img {
border: 3px solid #fff;
-webkit-box-shadow: 2px 2px 2px #c0c0c0;
-khtml-box-shadow: 2px 2px 2px #c0c0c0;
-moz-box-shadow: 2px 2px 2px #c0c0c0;
box-shadow: 2px 2px 2px #c0c0c0;
}

td.next_strip a img,
td.prev_strip a img {
position: relative;
top: -30px;
}


/*
  IMAGE COMMENT + VOTING
*/

td#voting_title {
display: none;
}

tr#rating_stars {
margin: 0 0 10px 10px;
display: block;
}

div#comments {
margin: 0 0 0 10px;
padding: 15px;
display: block;
overflow: auto;
background: #dce6f9;
display: none;
}

div#comments td.tableh2 {
margin: 0 0 20px 0;
display: block;
color: #de2927;
font-size: 1.2em;
}

div#comments td.tableh2 a.greybox {
position: relative;
left: 3px;
top: 1px;
}

div#comments .tableb {
width: auto !important;
font-size: .9em;
text-transform: uppercase;
}

div#comments input#message {
padding: 4px;
width: 300px !important;
border: 2px solid #a0c3d7;
}

div#comments button.button {
width: 50px !important;
}


/*
   PAGE NAMES
*/

.tableh1 {
margin: 0 0 5px 0;
padding: 5px 10px;
background: #f1f5fc;
color: #333;
font-weight:bold;
}


/*
  CONFIG
*/

form#cpgform {
font-size: .9em;
}

form#cpgform input,
form#cpgform select {
margin: 0 0 10px 0;
border-color: #c0c0c0;
}

form#cpgform span.detail_head_collapsed {
padding: 8px 0 10px 8px;
margin: 5px 0 10px 0;
display: block;
font-weight: bold;
border-bottom: 1px solid #ccc;
}

form#cpgform span.detail_head_expanded {
color: #ed504c;
font-size: 1.3em;
}

form#cpgform div#section0,
form#cpgform div#section1,
form#cpgform div#section2,
form#cpgform div#section3,
form#cpgform div#section4,
form#cpgform div#section5,
form#cpgform div#section6,
form#cpgform div#section7,
form#cpgform div#section8,
form#cpgform div#section9,
form#cpgform div#section10,
form#cpgform div#section11,
form#cpgform div#section12,
form#cpgform div#section13,
form#cpgform div#section14,
form#cpgform div#section15,
form#cpgform div#section16,
form#cpgform div#section17,
form#cpgform div#section18 {
margin: 0 0 0 10px;
}

form#cpgform input[type=radio] {
margin-right: 4px;
position: relative;
top: 8px;
}

form#cpgform input[type=checkbox] {
margin-right: 4px;
position: relative;
top: 12px;
}


/*
  BATCH ADD FILES
*/

form#childform {
margin: 70px 0 0 20px;
}

form#childform td.tableh1 {
margin: 0;
padding: 0 0 5px 5px;
text-transform: capitalize;
background: none;
}

form#childform td.tableb {
font-size: .9em;
line-height: 180%;
}



/*
  OTHER
*/

span.cpg_user_message {
display: block;
padding: 8px 0 0 10px;
font-size: .9em;
}

.tablef {
padding: 10px;
}

.thumb_num_comments {
font-weight: normal;
font-size: 11;
padding: 2px;
font-style : italic;
display : block;
}

.user_thumb_infobox {
margin-top: 1px;
margin-bottom: 1px;
}

.user_thumb_infobox th {
font-weight : bold;
font-size: 11;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

.user_thumb_infobox td {
font-size: 11;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

.user_thumb_infobox a {
text-decoration: none;
color: #333333;
}

.user_thumb_infobox a:hover {
color: #333333;
text-decoration: underline;
}

.admin_float {
float:left;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
margin-bottom: 1px;
}

.comment_date {
color : #333333;
font-size: 11;
vertical-align : middle;
}

.img_caption_table {
border: none;
background-color: #FFFFFF;
width : 100%;
margin : 0px;
}

.img_caption_table th {
background: #FFFFFF;
font-size: 11;
color : #333333;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
background: #FFFFFF;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top : 1px solid #FFFFFF;
}

.clickable_option {
cursor : default;
}

.pic_title {
color: #000000;
font-size: 120%;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-align : center;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
line-height:1.0em;
}

.pic_caption {
color: #000000;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-align : center;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
line-height:1.0em;
}

.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
border: 1px solid;
margin: 25px 0px 0px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}

.cpg_message_info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../../images/message/info.png');
}

.cpg_message_success {
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('../../images/message/ok.png');
}

.cpg_message_warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../../images/message/warning.png');
}

.cpg_message_error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../../images/message/stop.png');
}

.cpg_message_validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../../images/message/error.png');
}

.cpg_summary {
font-size:0.9em;
border: 1px solid;
margin: 10px 0px;
padding:5px 10px 5px 10px;
color: #FF2B9C;
background-color: #FFDEEF;
text-align:right;
float:right;
width:400px;
}

.textinput {
margin: 0 0 5px 0;
border: 2px solid #c0c0c0;
padding: 2px;
}

.listbox {
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
font-size: 11;
border: 1px solid #333333;
vertical-align : middle;
}

form#cpgform3 .button img.icon {
display: none;
}

.radio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11;
vertical-align : middle;
}

.checkbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11;
vertical-align : middle;
}

bblink a {
color: #333333;
text-decoration: none;
}

bblink a:hover {
color: #333333;
text-decoration: 
}


/* ---------------------------- */
/* FOOTER
/* ---------------------------- */

div.footer {
display: none !important;
}

div#footer {
margin: 0 0 20px 5px;
padding: 20px 0 0 0;
width: 764px;
clear: both;
overflow: auto;
background: url(images/footer-line.jpg) no-repeat;
}

div#footer ul {
margin: 0 0 0 8px;
width: 750px;
color: #828282;
}

div#footer ul li a {
color: #828282;
font-size: .9em;
text-decoration: none;
}

div#footer ul li.apartof {
width: 400px;
display: block;
float: left;
}

div#footer ul li.backtotop {
width: 70px;
display: block;
float: right;
}

div#footer ul li a:hover {
color: #444;
}