body{ 
 background-color: #fff; 

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0px 0px 0px 0px; font-size: 11px; 
}

body{
margin:0; padding:0 0px 0 0px; border:0; height:100%; );
}


input { text-indent : 2px;
   margin:2px;
   height:22px;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
}

input:hover{
   
}


a:link,a:visited,.blur a:visited {
text-decoration:none; color: #000; font-weight: 500;
}
A:hover {
text-decoration: underline; color: #ff9000; font-weight: 500;
}



#upload_form td{
   padding: 7px;

}

.clickable{
    background-color : #222;
	border-color:#aaa;
 	color : #eee;
	font-weight:bold;
	height:30px;
	

   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #222;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	
}
.clickable:hover{
    background-color : #555;
	cursor:pointer;
	color:#fff;
}

.clickableVote{
    background-color : #222;
 	color : #eee;
	font-weight:bold;
	height:30px;
	background-image:url(vote.png);
	background-repeat:no-repeat;
    padding-left:25px;
	background-position:5px 5px;
   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #222;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	
}
.clickableVote:hover{
    background-color : #555;
	cursor:pointer;
	color:#fff;
}


.clickableComment{
    background-color : #222;
	border-color:#aaa;
 	color : #eee;
	font-weight:bold;
	height:30px;
	background-image:url(icon-comment.png);
	background-repeat:no-repeat;
    padding-left:25px;
	background-position:5px 5px;
	

   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #222;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	
}


.nopeStyle{
    background-color : #222;
 	color : #eee;
	font-weight:bold;
	height:30px;
	background-image:url(nope.png);
	background-repeat:no-repeat;
    padding-left:25px;
	background-position:5px 5px;
   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #222;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);



	
}


.clickableComment:hover{
    background-color : #555;
	cursor:pointer;
	color:#fff;
}

.nopeStyle:hover{
    background-color : #555;
	cursor:pointer;
	color:#fff;
}




.disabledVote{
    background-color : #4A4;
	border-color:#aaa;
 	color : #DDD;
	font-weight:bold;
	height:30px;
	background-image:url(vote.png);
	background-repeat:no-repeat;
    padding-left:25px;
	background-position:5px 5px;
	

  
   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #222;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	
}

.disabledNope{
    background-color : #A44;
	border-color:#aaa;
 	color : #DDD;
	font-weight:bold;
	height:30px;
	background-image:url(nope.png);
	background-repeat:no-repeat;
    padding-left:25px;
	background-position:5px 5px;
	

  
   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #222;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	
}

.disabledNope:hover{
   cursor:pointer;
	color:#fff;
	background-color : #A55;
}



.disabledVote:hover{
   cursor:pointer;
	color:#fff;
	background-color : #5a5;
}


.reported{
    background-color : #A44;
	border-color:#aaa;
 	color : #DDD;
	font-weight:bold;
	height:30px;
	
  
   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #222;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	
}
.reported:hover{
   cursor:pointer;
	color:#fff;
	background-color : #A55;
}





img {
  border:none;
}







.jlink{
  color:#999;
}
.jlink:hover{
  cursor:pointer;
  color: #ff9000;
}
.jlink:rollout{
  cursor:default;
}

.left_side{
   background-image:url('bg_a.gif');
}
.right_side{
   background-image:url('bg_b.gif');
}

.main_menu{
   margin-top:5px;
   font-size:16px;
   color:#999;
   font-weight:bold;
}






p{
   padding-top:3px;
   margin-top:3px;
   text-align:justify;
}

.front_selector{
  color:#aaa;
  background:#ddd;padding:2px 5px 2px 5px;border:1px solid #aaa;
}
.front_selector:hover{
  background:#999;
  color:#fff;
  text-decoration:none;
}

ul{list-style-type:none;}

/*----/TOP PANEL----*/

.step_selected{
  background:#999; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:23px;height:23px;
}

.head_row{
  padding:9px;
  background:#eee;
  font-weight:bold;
  color:#444;
  border-bottom:1px solid #bbb;
}
.body_row{
  font-size:10px;
  padding:9px;
  background:#fff;
  border-bottom:1px solid #ddd;
}

.panel_row{
  padding:9px;
  background:#eee;
  border:1px solid #bbb;
}
.panel_row a{
 color:#000;
 display:block;
}

.panel_row a:hover{
 color:#fff;
 text-decoration:none;
 
}


.panel_row:hover{
 background:#999;
 cursor:pointer;
 border:1px solid #aaa;
}

.mydatepicker{
  width:100px;
  height:12px;
  padding:2px;
  
}

hr{
  border:1px solid #eee;
}

.blur{
  color:#aaa;
}

.blur a:link,.blur a:visited{
  color:#aaa;
}

h3{
   font-size:16px;
   margin-bottom:4px;
}

/*
http://acidjs.wemakesites.net/
*/
 .iphone-toggle-buttons input[type="checkbox"] + span::after,

        .iphone-toggle-buttons input[type="radio"] + span::after

        {

            content: "off";

        }



        .iphone-toggle-buttons input[type="checkbox"]:checked + span::after,

        .iphone-toggle-buttons input[type="radio"]:checked + span::after

        {

            content: "on";

        }



        .iphone-toggle-buttons

        {

            -moz-user-select: none;

            -webkit-user-select: none;

            user-select: none;

        }



        .iphone-toggle-buttons

        {

            margin: 4px 0;

        }



        .iphone-toggle-buttons label,

        .iphone-toggle-buttons input[type="checkbox"] + span,

        .iphone-toggle-buttons input[type="radio"] + span,

        .iphone-toggle-buttons input[type="checkbox"] + span::before,

        .iphone-toggle-buttons input[type="radio"] + span::before,

        .iphone-toggle-buttons input[type="checkbox"] + span::after,

        .iphone-toggle-buttons input[type="radio"] + span::after

        {

            display: inline-block;

        }



        .iphone-toggle-buttons label,

        .iphone-toggle-buttons input[type="checkbox"] + span,

        .iphone-toggle-buttons input[type="radio"] + span

        {

            vertical-align: middle;

        }



        .iphone-toggle-buttons input[type="checkbox"] + span,

        .iphone-toggle-buttons input[type="radio"] + span,

        .iphone-toggle-buttons input[type="checkbox"] + span::before,

        .iphone-toggle-buttons input[type="radio"] + span::before,

        .iphone-toggle-buttons input[type="checkbox"] + span::after,

        .iphone-toggle-buttons input[type="radio"] + span::after

        {

            -moz-border-radius: 4px;

            -webkit-border-radius: 4px;

            border-radius: 4px;

        }



        .iphone-toggle-buttons input[type="checkbox"] + span::before,

        .iphone-toggle-buttons input[type="radio"] + span::before,

        .iphone-toggle-buttons input[type="checkbox"] + span::after,

        .iphone-toggle-buttons input[type="radio"] + span::after,

        .iphone-toggle-buttons input[type="checkbox"]:checked + span::before,

        .iphone-toggle-buttons input[type="radio"]:checked + span::before,

        .iphone-toggle-buttons input[type="checkbox"]:checked + span::after,

        .iphone-toggle-buttons input[type="radio"]:checked + span::after

        {

            top: 0;

        }



        .iphone-toggle-buttons input[type="checkbox"] + span::after,

        .iphone-toggle-buttons input[type="radio"] + span::after,

        .iphone-toggle-buttons input[type="checkbox"]:checked + span::before,

        .iphone-toggle-buttons input[type="radio"]:checked + span::before

        {

            right: 0;

        }



        .iphone-toggle-buttons input[type="checkbox"] + span::before,

        .iphone-toggle-buttons input[type="radio"] + span::before,

        .iphone-toggle-buttons input[type="checkbox"]:checked + span::after,

        .iphone-toggle-buttons input[type="radio"]:checked + span::after

        {

            left: 0;

        }



        .iphone-toggle-buttons input[type="checkbox"],

        .iphone-toggle-buttons input[type="radio"],

        .iphone-toggle-buttons input[type="checkbox"] + span::before,

        .iphone-toggle-buttons input[type="radio"] + span::before,

        .iphone-toggle-buttons input[type="checkbox"] + span::after,

        .iphone-toggle-buttons input[type="radio"] + span::after

        {

            position: absolute;

        }



        .iphone-toggle-buttons label

        {

            margin: 4px;

            cursor: pointer;

        }



        .iphone-toggle-buttons input[type="checkbox"],

        .iphone-toggle-buttons input[type="radio"]

        {

            filter: alpha(opacity=0);

            -moz-opacity: 0;

            -webkit-opacity: 0;

            opacity: 0;

        }



        .iphone-toggle-buttons input[type="checkbox"] + span,

        .iphone-toggle-buttons input[type="radio"] + span

        {

            width: 100px;

            height: 30px;

            font: bold 14px/30px Arial, Sans-serif;

            color: #8c8c8c;

            text-transform: uppercase;

            border: solid 1px #bcbbbb;

            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8c8c8", endColorstr="#f3f3f3");

            background: -moz-linear-gradient(top, #c8c8c8, #f3f3f3);

            background: -webkit-linear-gradient(top, #c8c8c8, #f3f3f3);

            background: -o-linear-gradient(top, #c8c8c8, #f3f3f3);

            background: -ms-linear-gradient(top, #c8c8c8, #f3f3f3);

            background: linear-gradient(top, #c8c8c8, #f3f3f3);

            position: relative;

            text-indent: -9999px;

        }



        .iphone-toggle-buttons input[type="checkbox"] + span::before,

        .iphone-toggle-buttons input[type="radio"] + span::before

        {

            content: "";

            width: 40%;

            height: 29px;

            border-top: solid 1px #fff;

            border-right: solid 1px #bebebe;

            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#f9f9f9");

            background: -moz-linear-gradient(top, #cfcfcf, #f9f9f9);

            background: -webkit-linear-gradient(top, #cfcfcf, #f9f9f9);

            background: -o-linear-gradient(top, #cfcfcf, #f9f9f9);

            background: -ms-linear-gradient(top, #cfcfcf, #f9f9f9);

            background: linear-gradient(top, #cfcfcf, #f9f9f9);

            -moz-box-shadow: 1px 0 1px #bebebe;

            -webkit-box-shadow: 1px 0 1px #bebebe;

            box-shadow: 1px 0 1px #bebebe;

        }



        .iphone-toggle-buttons input[type="checkbox"] + span::after,

        .iphone-toggle-buttons input[type="radio"] + span::after

        {

            text-indent: 0;

            width: 62%;

            height: 32px;

            text-align: center;

        }



        .iphone-toggle-buttons input[type="checkbox"]:checked + span,

        .iphone-toggle-buttons input[type="radio"]:checked + span

        {

            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b45bd", endColorstr="#5d96ea");

            background: -moz-linear-gradient(top, #1b45bd, #5d96ea);

            background: -webkit-linear-gradient(top, #1b45bd, #5d96ea);

            background: -o-linear-gradient(top, #1b45bd, #5d96ea);

            background: -ms-linear-gradient(top, #1b45bd, #5d96ea);

            background: linear-gradient(top, #1b45bd, #5d96ea);

            color: #fff;

            text-shadow: -1px -1px #0d2046;

        }



        .iphone-toggle-buttons input[type="checkbox"]:checked + span::before,

        .iphone-toggle-buttons input[type="radio"]:checked + span::before

        {

            left: auto;

            -moz-box-shadow: -2px 0 1px #3a5e91;

            -webkit-box-shadow: -2px 0 1px #3a5e91;

            box-shadow: -2px 0 1px #3a5e91;

        }



        .iphone-toggle-buttons input[type="checkbox"]:checked + span::after,

        .iphone-toggle-buttons input[type="radio"]:checked + span::after

        {

            border-top: solid 1px #0f2a4f;

            border-bottom: solid 1px #0f2a4f;

            border-left: solid 1px #2c5496;

            height: 30px;

            top: -1px;

            left: -1px;

            -moz-border-radius: 4px 0 0 4px;

            -webkit-border-radius: 4px 0 0 4px;

            border-radius: 4px 0 0 4px;

        }



        .browser-support li.ie6,

        .browser-support li.ie7,

        .browser-support li.ie8

        {

            display: none;

        }
		
		
.nav-button { display: none; } /* hide the navigation button by default */



	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 50px;
		height: 35px;
		background: url('menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 99999999;
		text-indent: -9999px;
	}
	
	
	
	
	.nav-button2,.nav-button3 {
		display: block;
		position: absolute;
		top: 7px;
		right: 7px;
		width: 50px;
		height: 35px;
		background: url('menu-upload-icon.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('menu-upload-icon.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('menu-upload-icon.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('menu-upload-icon.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 99999999;
		text-indent: -9999px;
	}
	
	.nav-button3 {
	   right: 60px;
	   display: block;
		position: absolute;
		top: 7px;
	
		width: 50px;
		height: 35px;
	   background: url('menu-refresh-icon.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('menu-refresh-icon.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('menu-refresh-icon.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('menu-refresh-icon.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 99999999;
		text-indent: -9999px;
	}
	
	
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}



	body { padding-top: 50px; } 

	.primary-nav {
		width: 100%;
		float: none;
		background-color: #000; 
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}


	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}


	.primary-nav > li:hover > a {
		background: #555;
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "?";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
	
	#topTitle{
	   color:#fff;

	   position:relative;
	   margin-top:-35px;
	   text-align:center;
	   margin-left:-50px;
	   
	   z-index:606666;
	   font-size:14px;
	   font-family:Arial;
	   font-weight:bold;
	   
	
	}

		










