@import url("//www.iamphotographer.eu/_gfx/users.css");

.award {
    display: inline-block;
    width:28%;
    padding: 15px;
    position: relative;
    text-align: center;
    vertical-align: top;
}



article ul,article ol {
    margin: 0 0 20px 0px;
}

article ul li,article ol li {
    margin: 0 0 0px 20px;
}
article ol li {
    margin: 10px 0 0px 20px;
}

ul.final_gallery {
    list-style: none
}
ul.final_gallery li {
    float:left;
    width:210px;
    height:220px;
    margin:0 15px 15px 0;
    border:1px solid #efefef;
    text-align: center;
    font-size: 11px;
}
ul.final_gallery li big {
    font-weight: bold;
    line-height: 11px;
    padding: 10px 0 10px 0;
    display: block;
}
ul.final_gallery li span {
    padding:5px 10px 0 10px;
    line-height: 11px;
    display: block;
    color:#888888;
}

ul.final_gallery li img {
    padding:4px;
    border:1px solid #efefef;
}
/*
font-face {
    font-family: CenturyGothic;
    src: url('fonts/CenturyGothic.ttf');
}
*/
/* Makeshift CSS Reset */
*{
    margin: 0;
    padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, article {
    display: block;
}

html body section div > article {
    padding:0px 30px 15px 30px;
}

html body section div > article a {
    color:#EB4C00;
}

#white_wrapper {
    height:136px;
    padding:0px;
    margin:0px 0 0 0;
    /*background-color: #ffffff;*/
}



#header_wrapper {
    margin: 0 auto;
    width: 980px;
    height:136px;
    font: 13px Helvetica, Arial, sans-serif;
    padding:0px;
    border:0px solid red;
    position:relative;
}

#header_wrapper aside {
    position:relative;
    float:right;
}

aside div.UserLogin{

    width:300px;
    position:absolute;
    top:0px;
    right:0px;
}

#content_wrapper {
    margin: 0 auto;
    width: 980px;
    background: #fff;
    border-left:0px solid #ffffff;
    border-right:0px solid #ffffff;
    padding: 0px;
}

.logo {
    position:absolute;
    bottom:4px;
}
.logo img {
    border:0px solid red;
}

.spacer {
    height:60px;
}
footer p {
    margin:5px 0 0 0;
}
footer {
    /*
    height:70px;
    margin: 0 auto 0;
    position: fixed;
    bottom:0px;
    background-color: #000;
    width:100%;
    */
}
#footer_wrapper {
    margin: 0 auto;
    width: 940px;
    color:#bbb;
}

#footer_wrapper a {
    color:#f0491f;
}
.UserMenu2 {
    float:right;
    margin:0px 0 0 0;
    width:700px;
    text-align:right;
}
.UserMenu2 nav ul {
    float: right;
    display:inline;
    text-align: right;
    list-style: none;
    z-index:100;

}
.UserMenu2 nav ul li {
    list-style: none;
    float:left;
    text-align: right;
    margin:0 5px 0 0;
}

.UserMenu2 nav ul li a {
    /*
    font-family: CenturyGothic;
    padding:3px 8px;
    margin:0px;
    text-decoration: none;
    color:#fff;
    position: relative;
    */
    border: solid 1px #26445F;
    display: block;
    outline: none;
    text-decoration: none;
    text-shadow: 0 1px 0 #0C131C;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    background-color: #45719B;
    padding:0 5px 0 5px;
}
.UserMenu2 nav ul li a.active {
    background-color: #efefef;
    text-decoration: none;
    color:#565656;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.UserMenu2 nav ul li a sup {
    display:block;
    position:absolute;
    margin:0;
    top:-15px;right:0px;
    color:#fff;
    font-weight: bold;
    padding:0 5px 0 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: red;
}

#cat-navigation {
    position:absolute;
    right:0px;
    bottom:0px;
    margin:0px 0px 0px 0px;
    width: 100%;
    border:0px solid red;
}

#cat-navigation ul  {
    float:right;
    list-style: none;
    margin:0px;
    padding:0px;
}
#cat-navigation ul li {
    float:left;
}

#cat-navigation ul li a.active {
    background-color: #d64703;
    text-decoration: none;
    color:#ffffff;
}

#cat-navigation ul li a {
    display:block;
    font-family: CenturyGothic;
    padding:13px 10px;
    margin:0px;
    text-decoration: none;
    color:#ffffff;

}

/* Main-Navigation */
#main-navigation {
    padding:0px;
    margin:30px 0 0 0px;
    float:left;
    border:0px solid red;
}

#main-navigation ul  {
    list-style: none;
    margin:0px;
    padding:0px;
}
#main-navigation ul li {
    float:left;

}
#main-navigation ul li a {
    font-family: CenturyGothic;
    padding: 5px 15px 5px 15px;
    margin:0 0px 0 0px;
    float:left;
    text-decoration: none;
    color:#668709;
    font-size:14px;
}
#main-navigation ul li a.active {
    background-color: #6f9610;
    text-decoration: none;
    color:#ffffff;
    border:0px solid red;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.mainpic {
    border:0px solid red;
    margin:0px;
    padding:0px;
    height:254px;
}

/* Sub-Navigation */
.sub-navigation ul{
    list-style: none;
    margin:-5px 5px 0px 15px;
    padding:5px;
    display: block;
}

.subsub-navigation ul {
    list-style: none;
    margin:5px 0px 5px 20px;
    padding:0px;

}

.sub-navigation ul li, .subsub-navigation ul li {
    float:left;
    border:0px solid green;
    margin:0px;
    padding:0px;
}
.sub-navigation ul li a {
    font-family: CenturyGothic;
    padding: 8px 15px 5px 15px;
    margin:0 0px 0 0px;
    float:left;
    text-decoration: none;
    color:#565656;
    font-size:14px;
    display:block;
}
.sub-navigation ul li a.active {
    background-color: #eb4c00;
    text-decoration: none;
    color:#ffffff;
    margin:0px;

    /*
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    */
}

.subsub-navigation ul li a {
    font-family: CenturyGothic;
    padding: 5px 15px 5px 15px;
    margin:0 0px 0 0px;
    float:left;
    text-decoration: none;
    color:#565656;
    font-size:14px;

}
.subsub-navigation ul li a.active {
    background-color: #eb4c00;
    text-decoration: none;
    color:#ffffff;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


section {
    background-position: top center;
}

html > body > section {

}

.logo {
    border:0px;
    float:left;
    margin:0px 15px;
}
html {
    margin: 0;
    padding: 0;
    background-image: url('img/html.jpg');
    height:100%;
}

body {
    height:100%;
    margin: 0 auto;

    padding:0px;
    background-image: url('img/bg.png');
    background-repeat: repeat-x;
    background-position: 0% 0%;
    font: 13px/22px Helvetica, Arial, sans-serif;
}

h1 {
    font-family: CenturyGothic;
    font-size:20px;
    margin:0 0 25px 0;
    padding : 0;
}

/*
article {
    background: #fff;
    padding:15px;
    margin:5px;
    border:0px solid red;
}
*/
article[rel=corners]{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}



h2 {
    font-family: CenturyGothic;
    font-size: 18px;
    line-height: 44px;
    padding: 22px 0;
}

h3 {
    font-family: CenturyGothic;
    font-size: 18px;
    line-height: 22px;
    padding: 11px 0;
}

p {
    padding-bottom: 5px;
    text-align: justify;
}
.clear {
    clear:both;
    border:0px solid red;
}
.red {
    color:red;
}

table tr td {
    vertical-align: top;
}

h4 {
    margin:0px !important;
    padding:0px !important;
    text-decoration: none;
    color:#f0491f;
    font-size:15px;
}

h4 a {
    font-size:15px;
    color:#f0491f
}

/* RegTbl */
table.regtbl {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
}

table.regtbl th {
    background-color: #dfdfdf;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 5px 10px 15px;
    text-align: left;
}

table.regtbl td {
    padding: 5px;
}

table.regtbl td[align=right] {
    width: 150px;
}

table.regtbl td[abbr=info] {
    width: 300px;
}

table.regtbl td input[type=text] {
    border: 1px solid #bbb;
    width: 95%;
    padding: 2px;
}

.error {
    color:#dc0067;
    font-weight:bold;
}

.green {
    color:#6f9610;
}

#uinfo {
    display:none;
    position:absolute;
    left:500px;
    text-align: center;
    width:300px;
    background-color: red;
    color:#ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
table.mypix {
    width:100%;
    margin:15px 0 0 0;
}
table.mypix tr td header {
    font-weight: bold;
}
table.mypix tr td {
    vertical-align: top;
    font-size:12px;
    padding:5px;
}
table.mypix tr td img{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:0px;
}
table.mypix tr td label {
    background-color: #efefef;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin:0 0 5px 0;
    padding: 0 0 0 5px;
    font-weight: bold;
}
table.mypix tr td select {
    width:100%;
    margin:0 0 5px 0;
    border:1px solid #bbbbbb;
}
table.mypix tr td textarea.tiny {
    width: 97%;
    height: 20px;
    resize: none;
    border:1px solid #bbbbbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:5px;
}
table.mypix tr td textarea.bigger {
    width: 97%;
    height: 100px;
    resize: none;
    border:1px solid #bbbbbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:5px;
}
table.mypix tr td input[type=button] {
    background-color: #565656;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:5px;
    border:0px;
    color:#fff;
    cursor:pointer;
}
table.mypix tr td.c0 {
    width:10px;
}
table.mypix tr td.c1 {
    width:100px;
}
table.mypix tr td.c3 {
    width:250px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

table.mypix tr td.c4 {
    width:10px;
}

table.mypix tr td h5 {
    font-size:13px;

}



a.btngreen {
    color:#fff;
    text-decoration: none;
    padding:5px 10px 5px 10px;
}

.btngreen {
    background-color: green;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:5px;
    border:0px;
    color:#fff;
    cursor:pointer;
}

.btnred {
    background-color: red;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:5px;
    border:0px;
    color:#fff;
    cursor:pointer;
}

.aright {
    float:right;
}
#cpublic,#savebtn {
    display:none;
}











ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    background: #e0e0e0;
    overflow: hidden;
    position: relative;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff;
    outline: none;
}
ul.tabs li a:hover {
    background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fff;
    border-bottom: 1px solid #fff;
}
.tab_container {
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.tab_content {
    padding: 20px;
    font-size: 1.2em;
}
.tab_content h2 {
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.8em;
}
.tab_content h3 a{
    color: #254588;
}
.tab_content img {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    padding: 5px;
}







.bigtab a {
    text-decoration: underline;
    color:#000;
}

.bigtab {
    padding:15px;
    background: #ffd000;
    width:520px;
    height:430px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
ul.tab_menu {
    list-style: none;
    float:right;
    text-align:left;

}
ul.tab_menu li a header {
    font-family: CenturyGothic;
    font-size:14px;
    margin:0px;
}
ul.tab_menu li a article {
    margin:0px;
    padding:0px;
    line-height: 15px;
}
ul.tab_menu li a {
    display:block;
    text-decoration:none;
    background: #dc0067;
    color:#fff;
    margin:0 0 5px 0;
    padding:5px 5px 5px 15px;
    width:360px;
    height:65px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

ul.tab_menu li a:hover{
    background: #000000;
    color:#fff;
}

ul.tab_menu li a.active {
    background: #000000;
    color:#fff;
}

a.facebook_login {
    text-decoration: none;
    color:#fff;
    font-family: CenturyGothic;
    font-size:12px;
}


ul.steps {
    list-style: none;
    height:38px;
    background: url('img/steps/na.png');

}
ul.steps li {
    float:left;
    background: url('img/steps/na.png');
}
ul.steps li span {
    display:block;
    float:left;
    background-color: #d4d5d6;
    font-family: CenturyGothic;
    font-size:14px;
    padding:8px 32px 8px 13px;
    background: url('img/steps/x_na.png');
    background-repeat: no-repeat;
    background-position: top right;
}

ul.steps li.a span {
    display:block;
    background: url('img/steps/x_na.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #f0491f;
    color:#fff;
}

ul.steps li.ar span {
    display:block;
    background: url('img/steps/x_a.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #f0491f;
    color:#fff;
}

ul.steps li span.last {
    background: url('img/steps/sep.png');
    background-repeat: no-repeat;
    background-position: top right;
}

.jumper {
    position:absolute;
    top:15px;
    right:290px;
    z-index: 3;
    padding:5px 15px 5px 15px;
    color:#fff;
    width:250px;
    height:20px;
    text-align: right;
}
.jumper select {
    background-color: #eb4c00;
    color:#ffffff;
    border:0px;
    /*


    font-size:11px;
    padding:5px;
    */
}

.UserMenu {
    background-color: #eb4c00;
    position:absolute;
    top:0px;
    right:0px;
    z-index: 3;
    padding:5px 15px 5px 15px;
    color:#fff;
    width:250px;
    height:50px;
    text-align: right;
    letter-spacing: 1px;
    line-height: 20px;
}
.UserMenu ul { text-decoration: none;list-style: none;}
.UserMenu ul li { float:right;margin:0 0 0 10px;}
.UserMenu a {color:#fff;text-transform: uppercase;}

.UserMenu p {
    text-align: right !important;
}

.flags {
    position: absolute;
    top:70px;
    right:0px;
}

.flags ul {
    list-style: none;
}

.flags ul li {
    float: left;
    margin:0 10px 0 0;
}

.flags {
    position: absolute;
    top:70px;
    right:0px;
}

.flags ul {
    list-style: none;
}

.flags ul li {
    float: left;
    margin:0 10px 0 0;
}

.flags ul li.active {
    display:none;
}

.flags ul li a {
    display:block;
    text-decoration: none;
    font-weight: normal;
    color:#eb4c00;
}


ul.picnavi  {
    list-style: none;
    display:block;
    height:30px;

}

ul.picnavi li {
    float: left;
    border:0px solid red;
}
ul.picnavi li.ri {
    width:200px;
    text-align: right;
}
ul.picnavi li.lef {
    width:200px;
}

ul.picnavi li.mid {

    text-align:center;
    width:10px;
    width:420px;
}

.vpic {
    float:left;
    width:220px;
}

.vcont {

}

.votebox {
    text-align: center;
    float:right;
    width:170px;
    border:0px solid red;
    background-color: #efefef;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:5px 5px 15px 10px;

}

.votebox .tsv {
    margin:0 10px 0 0;
    font-weight: bold;
}

.votebox ul {
    list-style: none;
    border:0px solid red;
    margin:0px 0 0 5px;
    clear:both;
    height:30px;
}

.votebox ul li {
    float:left;
    margin:0 5px 0 0;
}

.votebox ul li a {
    text-decoration: none;
    background-color: green;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:5px 10px 5px 10px;
    border:0px;
    color:#fff;
    cursor:pointer;
}

.votebox ul li a:hover {
    background-color: red;
}

.voter a.star {
    padding:3px 5px 2px 5px;
    background: url('img/star.gif') 0px 2px no-repeat;
    text-decoration: none;
    color:#000;
    font-weight: bold;
}

.voter a.star:hover {
    background: url('img/star.gif') 0px -46px no-repeat;
}

.voter {
    line-height: 20px;
}