/* @group Reset CSS */
/* slightly modified from yui (i.e. removed the body * selector) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0; width:  100%;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}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;font-variant:normal;}
sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
/* @end */



/**** FONTS ********************************************************************************************/

@font-face {
    font-family: 'CooperBlackRegular';
    src: url('fonts/cooperblack-webfont.eot');
    src: url('fonts/cooperblack-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/cooperblack-webfont.woff') format('woff'),
        url('fonts/cooperblack-webfont.ttf') format('truetype'),
        url('fonts/cooperblack-webfont.svg#CooperBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{font-size: 14px; font-family: "Georgia", serif;}
#logo{font-size: 30px; font-family: 'CooperBlackRegular'; text-transform: uppercase; font-weight: bold;}


/**** LINKS ********************************************************************************************/

a{text-decoration: none; color: rgb(203,80,57);}
a:hover{text-decoration: underline;}
.active a, .trail a{ }




/**** Commons ******************************************************************************************/

em, strong{font-weight: bold;}


h1,h2,h3{ padding-bottom: 0.5em; font-weight: bold;}

.clear{clear: both;}
.invisible{display: none;}

p{line-height: 24px; margin-bottom: 2em;}
h1:before{content: '•••'; font-size: 21px; display: block; margin-bottom: 4px;}
h2:before{content: '••• '; font-size: 15px; display: inline;}

quote{font-size: 18px; font-style: italic;}



/**** LAYOUT *******************************************************************************************/
#wrapper{width: 790px; margin: 30px auto; position: relative;padding-top: 45px;}
#main{padding-left: 210px; }
#left{float: left; width: 192px;} 
#container{padding-top: 30px; clear: both;}


/**** LOGO  *********************************************************************************************/
#logo{ position: absolute;top: 0; left: 0;}
#logo span{ position: absolute; line-height: 1;}
#logo .web{color: rgb(138,167,100); top: 0; left: 37px;}
#logo .design{color: rgb(201,220,176); top: 27px; left: 0px;}
#logo .index{color: rgb(206,209,200); top: 54px; left: 73px;}
#logo .dotcom{color: rgb(186,179,146); top: 81px; left: 110px;}

#header #logo span{color:rgb(203,80,57);}



/**** TOP NAVIGATION ************************************************************************************/
#topNavigation{margin-left: 210px; }

#topNavigation li{
    display: block; 
    float: left; 

    width: 61px; 
    height: 61px; 
    border: none;

    margin: 0 12px 0 0;

    background: url(./images/60.png) no-repeat  -70px 0;
}


#topNavigation li.submit{     background: url(./images/60.png) no-repeat  100% 0; }

#topNavigation li.active, #topNavigation li:hover{ 
    
    background: url(./images/60.png) no-repeat  0px 0;
}

#topNavigation li.active a, #topNavigation li:hover a{color: rgb(186,179,146);}
#topNavigation li.active a{}


#topNavigation li a{

    font-size: 10px;
    font-family: "LucidaGrande", Verdana, sans-serif;
    color: white;
    text-transform: uppercase;
    text-decoration: none;

    display: table-cell;
    vertical-align: middle;
    height: 58px;
    width: 60px;
    text-align: center;
}




#topNavigation li.home a{font-size: 12px;}
#topNavigation li.about a{font-size: 11px;}
#topNavigation li.urls a{font-size: 9px; padding-top: 3px;}
#topNavigation li.submit a{font-size: 11px; padding-top: 2px; padding-left: 6px; width: 50px;}
#topNavigation li.submit:hover a{color: rgb(203,80,57);}
#topNavigation li.contact a{font-size: 10px; padding-top: 2px;}


/**** LEFT NAVIGATION  *************************************************************************************/

#left .mod_navigation{text-align: right;}
#left .mod_navigation a{font-size: 18px; color: black; line-height: 1.7em; font-weight: bold;}
#left .mod_navigation .active > a{color: rgb(203,80,57); }


/**** CONTENT PAGES ****************************************************************************************/

.image_container{position: absolute; right: 595px; margin-top: -2.9em;}


em.pagesInfo{display: block;}


em.publicationName, em.pagesInfo, em.thankyou{font-style: italic; font-weight: normal;}







/**** PAGINATION ****************************************************************************************/



.pagination{margin-top: 1.4em;}
.pagination p{display:  none;}
.pagination ul{ text-align: center;}
.pagination ul li{display: inline; font-size: 1em;margin: 0 0.2em;}
.pagination ul li span.current{ font-size: 1.1em; font-weight: bold; }
.pagination ul li a.previous, .pagination ul li a.next, .pagination ul li a.last, .pagination ul li a.first{ font-size: 0.8em; margin: 0 0.1em;}
.ui-paginator-pages .ui-state-default{font-weight: normal;}
.ui-paginator-pages .ui-paginator-current-page{font-weight: bold; font-size: 1.2em;}

/**** PUBLISHED URLs ****************************************************************************************/


#archives h2{display: none; }
#archives th a{text-transform: uppercase; font-weight: bold;}

.mod_listing #ctrl_search {display: none;}
.mod_listing .list_per_page {display: none;}

.mod_listing .list_search {float: right; display: none;}
.mod_listing .list_search #ctrl_for{ }
.mod_listing .list_search{padding-top: 10px; padding-bottom: 15px;}

.mod_listing {line-height: 1.8em;}
.mod_listing .col_last{text-align: right;}
.mod_listing th {text-align: right;}
.mod_listing th.col_first{text-align: left; max-width: 300px;}
.mod_listing .col_first{ overflow: hidden;}

/**** RABBIT LOGO ****************************************************************************************/
#rabbit{
    position: absolute;

    top:-5px;
    right: -40px;
    width: 150px;
    height: 70px;
    background: url(./images/rabbit.png) no-repeat  100% 0;
}

#rabbit .thepepinpress{
    display: none;
    text-transform: uppercase;
    text-align: right;
    margin-top: 44px;

}

body.home #rabbit .thepepinpress{
    display: block;

}


body.home #rabbit{
    top:-5px;
    right: 65px;
}


/**** HOMEPAGE *****************************************************************************************/
body.home {}
body.home #main{padding-left: 0;}
body.home #wrapper{padding-top: 15px;}
body.home #container{padding-top: 15px;}

body.home #topNavigation {
    position: absolute; 
    top: 75px; 
    left: 330px; 
    margin-left: 0;
}



body.home #logo{ 
    position: static;
    width:570px; 
    height:250px; 
    background: url(./images/homepage.png) no-repeat 0 0; 
}
body.home #logo span{display: none;}


body.home .gallery table{ 
    margin: 0 auto; 
    width: 720px; 
    display: block; 
    margin-bottom: 20px;
}

body.home .gallery table td{padding: 10px;}

body.home .gallery .image_container{
    position: static; 
    right: inherit; 
    margin-top: 0;
}




/**** Submission Tool  ************************************************************************************/
label{display: block; position: relative;}
input{ width: 100%; float: left;}
.inputElement{display: block; margin-bottom: 1em; margin-top: 0;}


label .message{color: red; float: right; font-variant: normal; font-size: 0.8em; margin-top: 0.2em; display: inline; position: absolute; right:0;}
.checkbox label {font-variant: normal; padding-left: 25px;padding-top: 2px; position: static;}
.checkbox label .message{float: none; margin-top: 0.2em; position: static;}

.checkbox .ui-checkbox{float: left;}
fieldset{
    padding-top: 1em;
    margin-bottom: 1em;
}

legend{    
    font-weight: bold;
    padding: 0 10px 0 0; 
    
}

legend:before{content: '•••'; font-size: 21px; display: block; margin-bottom: 4px;}


label{font-variant: small-caps; color: #444;}



.buttonBar{text-align: right; font-size: 0.8em;}



.companyIndividualSelector{
    display: inline;
    float: right;
    width: auto;    
    margin-bottom: -0.5em;
}

.companyIndividualSelector td, .creditRoleSelect td{
    white-space: nowrap;
}


.companyIndividualSelector td input, .companyIndividualSelector td label{
    width: auto; display: inline;
    
}


.companyIndividualSelector td input{
    margin-left: 1em;
}

.creditRoleSelect td {
    padding-right: 10px;
}
.creditRoleSelect td input, .creditRoleSelect td label{
    width: auto; display: inline; 
}
.companyIndividualSelector td label,.creditRoleSelect td label{
    position: relative; top: -1px; left: 1px;
}


 .creditRoleSelect td label, .companyIndividualSelector td label{
    padding-right: 10px;
    padding-left: 2px;
    
}




.creditLine{padding-bottom: 1em; }

.creditLine .creditRoleSelect {width: 178px; float:left; }

.creditLineMain {margin-top: 0.2em;}
.creditLineMain .firstname {width: 275px; float:left; margin-right: 20px;}
.creditLineMain .lastname {width: 275px; float:left;}
.creditLineMain .companyname{width: 570px; float:left;}




.inputElement.url{width: 310px; float: left;}
.inputElement.category{width: 250px; float: left; margin-left: 20px;}
.inputElement.category select{width: 250px; }
.inputElement.category select option{font-size: 12px;}



.inputElement.contact{width: 275px; float: left;}
.inputElement.client{width: 275px; float: left; padding-left: 20px;}






/* PrimeFaces Extensions */
.ui-inputfield {
    background: #fff !important;
    -moz-box-shadow: inset 0 1px 1px #dfdfdf !important;
    -webkit-box-shadow: inset 0 1px 1px #dfdfdf !important;
    box-shadow: inset 0 1px 1px #dfdfdf !important;
}

.ui-inputfield.ui-state-focus {
    -moz-box-shadow: 0px 0px 5px #85b2cb, inset 0 2px 2px #dfdfdf !important;
    -webkit-box-shadow: 0px 0px 5px #85b2cb, inset 0 2px 2px #dfdfdf !important;
    box-shadow: 0px 0px 5px #85b2cb, inset 0 2px 2px #dfdfdf !important;
}



.ui-widget{font-size: inherit; font-family: inherit;}
.urlTable .ui-paginator-top{display: none;}
.urlTable th{text-align: left; }
.urlTable {position: relative; }
.urlTable .ui-datatable-header{padding-right: 220px; text-align: right; margin-bottom: 1em;}
.urlTable th.bookColumn, .urlTable td.bookColumn{text-align: right;}
.urlTable .urlFilter{position: absolute; top: 2px; right: 0;width: 200px; }
.urlTable.ui-datatable .ui-datatable-data td{height: 1.5em;}
.urlTable table, .urlTable th, .urlTable.ui-datatable .ui-datatable-data td,  .urlTable.ui-datatable .ui-datatable-data tr{border: none;}

.urlTable .ui-state-default, .urlTable  .ui-widget-content .ui-state-default,.urlTable  .ui-widget-header .ui-state-default,.urlTable  .ui-widget-header{background: none; border: none;}


.urlTable  .ui-state-hover, .urlTable  .ui-widget-content .ui-state-hover, .urlTable  .ui-widget-header .ui-state-hover, .urlTable  .ui-state-focus, .urlTable  .ui-widget-content .ui-state-focus, .urlTable  .ui-widget-header .ui-state-focus
{
    border: none;
    background: none;
    color: inherit;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.creditErrors .message{margin-bottom: 1em; color: red; font-variant: small-caps;}

.helpText{
    padding-bottom: 2em;
    color: #444;
    display: block;
}

input.empty{color: #aaa; font-weight: normal; }


.Submission_Credits img{width: 580px;}