/* CSS Document */
.space_bottom {
    margin-bottom: 10px;
}
.font_blue {
    color: #3a00ff;
}

.taf_winners{
    border: 1px solid gray;
    cursor: pointer;
}

.highlight_row {
    background-color: #E9EEF4;
}

.normal_row {
    background-color: #FFFFFF;
}

body{
    background: #FFF;
    margin:0 auto;

}

.body_affstat{
    background:none;
    margin:0 20px;
    width:95%;
}

.body_createportal{
    background:none;
    margin:0 20px;
    width:95%;
}

.img {
    float:left;
}

img {
    float:none;
}


div.nav1 {
height: 106px;
width: 320px;
margin:0;
margin-bottom:5px;
padding:0;
background-image:url("../images/earntraf/earntraf1a.png");
}

div.nav1 a, div.nav1 a:link, div.nav1 a:visited {
display:block;
}

div.nav1 img {
width:100%;
height:100%;
border:0;
}

div.nav1 a:hover img {
visibility:hidden;
}


div.nav2 {
height: 106px;
width: 320px;
margin:0;
margin-bottom:5px;
padding:0;
background-image:url("../images/earntraf/earntraf2a.png");
}

div.nav2 a, div.nav2 a:link, div.nav2 a:visited {
display:block;
}

div.nav2 img {
width:100%;
height:100%;
border:0;
}

div.nav2 a:hover img {
visibility:hidden;
}


div.nav3 {
height: 106px;
width: 320px;
margin:0;
margin-bottom:5px;
padding:0;
background-image:url("../images/earntraf/earntraf3a.png");
}

div.nav3 a, div.nav3 a:link, div.nav3 a:visited {
display:block;
}

div.nav3 img {
width:100%;
height:100%;
border:0;
}

div.nav3 a:hover img {
visibility:hidden;
}



div.nav4 {
height: 106px;
width: 320px;
margin:0;
margin-bottom:5px;
padding:0;
background-image:url("../images/earntraf/earntraf4a.png");
}

div.nav4 a, div.nav4 a:link, div.nav4 a:visited {
display:block;
}

div.nav4 img {
width:100%;
height:100%;
border:0;
}

div.nav4 a:hover img {
visibility:hidden;
}


div.nav5 {
height: 106px;
width: 320px;
margin:0;
margin-bottom:5px;
padding:0;
background-image:url("../images/earntraf/earntraf5a.png");
}

div.nav5 a, div.nav5 a:link, div.nav5 a:visited {
display:block;
}

div.nav5 img {
width:100%;
height:100%;
border:0;
}

div.nav5 a:hover img {
visibility:hidden;
}



div.nav6 {
height: 106px;
width: 320px;
margin:0;
margin-bottom:5px;
padding:0;
background-image:url("../images/earntraf/earntraf6a.png");
}

div.nav6 a, div.nav6 a:link, div.nav6 a:visited {
display:block;
}

div.nav6 img {
width:100%;
height:100%;
border:0;
}

div.nav6 a:hover img {
visibility:hidden;
}


div.nav7 {
height: 106px;
width: 320px;
margin:0;
margin-bottom:5px;
padding:0;
background-image:url("../images/earntraf/earntraf7a.png");
}

div.nav7 a, div.nav7 a:link, div.nav7 a:visited {
display:block;
}

div.nav7 img {
width:100%;
height:100%;
border:0;
}

div.nav7 a:hover img {
visibility:hidden;
}


div.reset_btn.rollover {
	display: block;
	width: 127px;
	height: 42px;
	background-image: url('../images/reset1.png');
}

div.reset_btn.rollover:hover {
	background-image: url('..images/reset2.png');
}


















#button1
{
    display: block; 
    width: 286px;
    height: 75px;
    background: url('../images/earntraf/earntraf1b.png') no-repeat 0 0;

}

#button1:hover
{ 
    background: url('../images/earntraf/earntraf1a.png') no-repeat 0 0;
}

#button3 span
{
    display: none;
}

#button4
{
    display: block; 
    width: 286px;
    height: 65px;
    background: url('../images/button4.png') no-repeat 0 0;

}

#button4:hover
{ 
    background: url('../images/button4_1.png') no-repeat 0 0;
}

#button4 span
{
    display: none;
}

#button5
{
    display: block; 
    width: 286px;
    height: 65px;
    background: url('../images/button5.png') no-repeat 0 0;

}

#button5:hover
{ 
    background: url('../images/button5_1.png') no-repeat 0 0;
}

#button5 span
{
    display: none;
}

h4 {
    /*font-family:"lithos Pro Regular";*/
    font-family: Arial;
    color:#FF6600;
}

table td {
    font-family:"trebuchet MS";
    font-size:11px;
}

p {
    font-family:arial;
    font-size:12px;
    line-height:21px;
    text-align:justify;
}

div.ex 
{
    width:150px;
    padding:5px;
    border:2px solid gray;
    margin:0px;
    background-color: #FFCC00;
    font:11px Arial;
    color: #000000;	
	margin-left:20px;
}


.login_err {
    font-family:arial;
    font-size:12px;
    color:#0000FF;
    line-height:21px;
    text-align:justify;
}

#wrapper {
    /*background-color:#3E3D3D;*/
    margin:0 auto;
    width:1259px;
}

#header {
    background-image:url('../images/header5.png');
	height:140px;
	align:center;

}

/* topMenu */

.topMenu{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.topMenu ul{
    margin: 0;
    padding: 0;
    padding-left: 10px; /*offset of tabs relative to browser left edge*/
    font: bold 14px Verdana;
    list-style-type: none;
}

.topMenu li{
    display: inline;
    margin: 0;
}

.topMenu li a{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 7px 8px; /*padding inside each tab*/
    border-right: 1px solid white; /*right divider between tabs*/
    color: white;
    background: #3E3D3D; /*background of tabs (default state)*/
}

.topMenu li a:visited{
    color: white;
}

.topMenu li a:hover, .topMenu li.selected a{
    background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


/* topMenu */

.mattblacktabs{
 
    overflow: hidden;
    padding-top:145px;

	
	
	
}

.mattblacktabs ul{
    margin: 0;
    padding: 0;
    padding-left: 10px; /*offset of tabs relative to browser left edge*/
    font:  14px Arial;
    list-style-type: none;

}


.mattblacktabs li{
display:inline;
list-style-type:none; 
padding-left:1em;
margin-left:1em;
border-left:1px solid #09F
}

.mattblacktabs li:first-child {
border-left:none
}

.mattblacktabs li a{
    padding: 7px 8px; /*padding inside each tab*/
    color: #F60;
	text-decoration:none;
}

.mattblacktabs li a:visited{
    color: #F60;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
   	text-decoration:underline; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#footer {
    background-image:url('../images/footer5.png');
	padding-top:20px;
    width:1259px;
    height:120px;
	clear:both;
}

/* form */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
    width: 200px;
    /*clear: left;*/
    margin: 0;
    padding: 5px 0 8px 0;
    /*padding-left: 110px;*/ /*width of left column containing the label elements*/
    border-top: 1px dashed gray;
    height: 1%;
}

.cssform label{
    font-weight: bold;
    float: left;
    margin-left: -155px; /*width of left column*/
    width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
    width: 200px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
    margin-left: 3px;
}
/* form ends */

#form {
    /*margin-left:30px;*/
    float:left;
}

.content {
    width:1260px;
    margin:30px 0px 20px 0px;
	padding-top: 30px;
}

#post {
    width:490px;
	float:left;
	margin-left:10px;
	padding-bottom:15px;
}

#post2 {
    width:490px;
    margin-left:40px;
	float:left;
	padding-bottom:15px;
}

#post3 {
    width:475px;
	float:left;
	margin-left:10px;
	padding-bottom:15px;
}

#post4 {
    width:475px;
	float:left;
	margin-left:25px;
	padding-bottom:15px;
}

#post5 {
    width:800px;
	float:left;
	margin-left:10px;
	padding-bottom:15px;
}


#pre_post {
    width:200px;
    padding-left:0px;
    float:left;
	margin-left:10px;
}

#toc {
    width: 500px;
    height: 300px;


}

#menu {
    padding-left:0;
}

/*admin side css menu*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
    width: 220px; /*width of menu*/
    float:left;
    padding-left:0px;
    padding-right:10px;
}

.urbangreymenu .headerbar{
    font-family:"trebuchet MS";
    font-size:13px;
    font-weight:bold;
    color: white;
    background: #606060 url('media/arrowstop.gif') no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
    margin-bottom: 0; /*bottom spacing between header and rest of content*/
    text-transform: uppercase;
    padding-left:31px; padding-right:0; padding-top:7px; padding-bottom:7px
}

.urbangreymenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
    padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
    font-family:"trebuchet MS";
    font-size:14px;
    color: black;
    background: #E9E9E9;
    display: block;
    padding: 5px 0;
    line-height: 17px;
    padding-left: 8px; /*link text is indented 8px*/
    text-decoration: none;
}

.urbangreymenu ul li a:visited{
    color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
    color: white;
    background: black;
}

/*admin side css menu end*/p

/*feed back form*/

.feedbackform{
    padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
    width: 520px; /*width of form rows*/
    overflow: hidden;
    padding: 5px 0;
	}

div.fieldwrapper1{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
    width: 150px; /*width of form rows*/
    overflow: hidden;
    padding: 5px 0;
}


div.fieldwrapper2{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
    width: 600px; /*width of form rows*/
    overflow: hidden;
    padding: 5px 0;
}

.jointext{
	float:left;
	width:200px;
}

.jointextbox{
	float:left;
	width:200px;
}



div.fieldwrapper label.styled, div.fieldwrapper2 label.styled{
    /* label elements that should be styled (left column within fieldwrapper DIV) */
    float: left;
    width: 500px; /*width of label (left column)*/
    margin-right: 15px; /*spacing with right column*/
    font:12px Arial;
}

div.fieldwrapper2 label.styled3{
   float: left;
    width: 250px; /*width of label (left column)*/
    margin-right: 15px; /*spacing with right column*/
    font:12px Arial;
	
}

div.fieldwrapper1 label.styled, div.fieldwrapper2 label.styled{
    /* label elements that should be styled (left column within fieldwrapper DIV) */
    float: left;
    width: 100px; /*width of label (left column)*/
    margin-right: 15px; /*spacing with right column*/
    font:12px Arial;
}

div.fieldwrapper label.styled1, div.fieldwrapper2 label.styled1{
    /* label elements that should be styled (left column within fieldwrapper DIV) */
    float: left;
    width: 250px; /*width of label (left column)*/
    margin-right: 15px; /*spacing with right column*/
    font:12px Arial;
}

div.fieldwrapper div.thefield{
	width:490px;

}

div.fieldwrapper2 div.thefield2{
	width:600px;

}


div.fieldwrapper div.thefield, div.fieldwrapper2 div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
    float: left;
    margin-bottom: 5px; /* space following the field */
    font:12px Arial;
	
	
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
    width: 250px;
	height: 25px;
}

div.fieldwrapper div.thefield input[type="password"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
    width: 250px;
	height: 25px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
    width: 300px;
    height: 150px;
}

div.fieldwrapper2 div.thefield2 textarea{ /* style for TEXTAREA fields. */
    width: 500px;
    height: 150px;
}

div.fieldwrapper2 div.thefield2 input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
    width: 400px;
	height: 25px;
}


div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
    margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
    width: 150px;
    background: #e1dfe0;
}

.feedbackform_login{
    padding: 5px;
}

div.fieldwrapper_login{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
    width: 200px; /*width of form rows*/
    overflow: hidden;
  
}


div.fieldwrapper_login label.styled_login{ /* label elements that should be styled (left column within fieldwrapper DIV) */
    font:12px arial;
    float: left;
    width: 200px; /*width of label (left column)*/
  
   }


div.fieldwrapper_login div.thefield_login{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
    float: left;
    margin-bottom: 10px; /* space following the field */
	width: 200px;
	
}


div.fieldwrapper_login div.thefield_login input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
    /*width: 250px;*/
}

div.fieldwrapper_login div.thefield_login textarea{ /* style for TEXTAREA fields. */
    width: 200px;
    height: 150px;
}

div.buttonsdiv_login{ /*div that wraps around the submit/reset buttons*/
    width:200px;
    margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv_login input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
    width: 80px;
    background: #e1dfe0;
}

ul.list-tick {
    margin: 0;
    padding: 0;
}
ul.list-tick li {
    margin: 0;
    padding: 2px 0 2px 16px;
    list-style: none;
    background: url('../images/checkbullet.gif') no-repeat 5% 0;
}

/**/