/* --------------------------------- CHALLENGE FACTOR STYLES --------------------------------- */
/*

Front End Development by Brett Jankord of Webphibian



COLORS
#033c59 - DARK BLUE 
#da5729 - ORANGE

----------------------------------------------
              TABLE OF CONTENTS
----------------------------------------------

+ BASIC STYLES

+ LINKS

+ TEXT
 
+ STRUCTURE

-----------------

+ TOP

	+ NAV
	
	+ DROP DOWN
	
	+ NAV LINKS

	+ HEADER
	
	+ SIGN IN
	
-----------------

+ SECTIONS

	+ CONTENT
	
	+ ABOUT
	
	+ CONTACT
	
	+ FACTOR FOUNDATION
	
	+ SPONSORS 

	+ MIDDLE

-----------------

+ BOTTOM

	+ BTNS
	
	+ SOCIAL NETWORKS
	
	+ CHALLENGE SPONSORS

-----------------

+ FOOTER
 
-----------------

+ IE6

-----------------

+ COMPONETS
  
  + LIGHTBOX - MODAL WINDOW



*/
/* -------------------------------------------------------------------------------------------- */

/* ----------------- BASIC STYLES ----------------- */
*{
margin:0px;
padding:0px;
}

body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background:url(../assets/vtile.jpg) repeat-x #FFFFFF;
}

ul {
margin-left:20px;
padding:5px 0px;
}

li{
padding:5px 0px;
}

.p{
	padding-bottom:10px;
}

.clear{
padding:0px;
margin:0px;
height:0px;
clear:both;
}

.spacer{
padding:0px;
margin:0px;
height:0px;
clear:both;
margin-bottom:20px;
}

.left{
	float:left;
}

.right{
	float:right;
}

/* ----------------- LINKS ----------------- */
#dailychallenge a:link{
color: #FFFFFF;
font-weight:bold;
}

#dailychallenge a:visited{ color: #FFFFFF;
font-weight:bold; }
#dailychallenge a:hover{
color:#FFFFFF;
}

a:link, a:visited{
color: #da5729;
font-weight:bold;
}

a:hover{
color:#033c59;
}

:focus{
outline:0;
}



/* ----------------- TEXT ----------------- */
h1{
font-size:22px;
padding-bottom:5px;
}

h2{
font-size:18px;
padding-bottom:5px;
}

h3{
font-size:14px;
padding-bottom:5px;
}

h4{
font-size:12px;
}

#tag-line{
	display:block;
	text-indent:-9999px;
	background:url(../assets/cf-tagline.jpg) no-repeat;
	width:291px;
	height:27px;
	margin-left:20px;
	margin-top:15px;
}


/* ----------------- STRUCTURE ----------------- */
#wrapper{
	width:980px;
	margin:0px auto;
	background:url(../assets/runningman-logo.jpg) #da5729 no-repeat top right;
}

#main{
	width:926px;
}

/* ----------------- TOP ----------------- */
#top{
	background:url(../assets/header-top.jpg) repeat-x #fff;
	height:48px;
	padding-left:22px;
	padding-right:9px;
}

#logo{
	float:left;
	width:448px;
}

#logo a{
	padding:0px;
}

#challenge-ticker{
	float:left;
	width:200px;
	padding-top:17px;
	font-size:14px;
	padding-left:30px;
	font-weight:bold;
	font-style:italic;
	color:#003b5b;
}


#login{
	float:right;
	padding-top:7px;
}

#login a{
	color:#666;
	font-size:10px;
	display:block;
	padding-right:13px; /* FF ONLY, change in IE Stylesheet*/
	float:right;
	padding-top:1px;
}

#login a:hover{
	color:#da5729;
}


input.login-box{
	background:url(../assets/login-box.jpg);
	width:129px;
	height:17px;
	padding:0px 5px;
	padding-top:3px;
	border:0px;
	color:#FFF;
	margin-right:10px; /* FF ONLY, change in IE Stylesheet*/
}

.login-btn{
	background:url(../assets/login-btn.jpg);
	width:47px;
	height:21px;
	color:#FFF;
	font-size:9px;
	font-weight:bold;
	border:0px;
	margin:0px;
	padding:0px;
}

.login-btn:hover{
	background-position:0 -21px;
}
	
	
	



#login-section{
	margin:0px auto;
	width:440px;
}

#sign-up-section{
	margin:0px auto;
	width:440px;
}



#logged-in{
	float:right;
	padding-top:7px;
	padding-right:15px;
	text-align:right;
	font-size:13px;
}


table#login-table td{
	padding:5px;
}

#termsofservices{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333;
}

#nav-shadow{
	background:url(../assets/nav-shadow.jpg) repeat-x;
	height:20px;
}

a.signout:link, a.signout:visited{
	font-size:11px;
	display:block;
	padding-top:3px;
}

a.signout:hover{
	font-size:11px;
}

.cf-style{
	color:#033c59;
	font-weight:bold;
	font-style:italic;
}

/* ----------------- NAV ----------------- */
#navbar{
	background:#fff;
	height:33px;
	padding-top:12px;
	overflow:hidden; /* FOR IE6 */
	padding-left:22px;
}


ul#nav{
	list-style:none;
	margin:0px;
	padding:0px;
}

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

ul#nav li.last{
	padding-right:0px;
}

/* ----------------- DROP DOWN ----------------- */   


.dropHolder {
	float:left;
	width:85px;
	height:1px; 
	
	/* USE FOR IE 6
	position:relative;
	z-index:1;
	*/
}
    
.dropdown-menu {
    width:85px;
    position:absolute;
    font-size:14px;
    cursor:pointer;
    z-index:1000;
}

.dropdown-menu a:link, .dropdown-menu a:visited {
    color:#033c59 !important;
    display:block !important;
    text-decoration:none !important; 
    margin:0 !important;
}

.dropdown-menu a:hover {
    color:#da5729 !important;
}

.menu-first {
	background:url(../assets/products.jpg) no-repeat; /* STYLES TOP ITEM */
	text-indent:-9999px;
}

.dropdown-menu .slide-down {
    background:url(../assets/products.jpg) no-repeat; /* STYLES MOUSEOVER TOP ITEM */
	background-position:0px -20px;
}

.down-list {
    margin-left:1px;
	padding-bottom:5px;
}

.down-list li {
	width:155px;
    background:#fff url(../images/list-divider.gif) no-repeat bottom;
}

.down-list li a{
	padding:10px;
}

.down-list .lastLI {  
	padding-bottom:2px; 
}

/* ----------------- NAV LINKS ----------------- */
a.home, a.about, a.blog, .dropHolder,  a.contact{
	margin-right:95px; /* SETS SPACE BETWEEN LINKS */
}

/* IE 6 - styles the spacer width to the right of the drop down 
.dropHolder{
	margin-right:0px;
}*/

a.home:link, a.home:visited{
	display:block;
	background:url(../assets/home.jpg);
	height:20px;
	width:48px;
	text-indent:-9999px;
}

a.home:hover{
	background-position:0px -20px;
}


a.about:link, a.about:visited{
	display:block;
	background:url(../assets/about.jpg);
	height:20px;
	width:57px;
	text-indent:-9999px;
}

a.about:hover{
	background-position:0px -20px;
}


a.products:link, a.products:visited{
	display:block;
	background:url(../assets/products.jpg);
	height:20px;
	width:85px;
	text-indent:-9999px;
}

a.products:hover{
	background:none;
}


a.blog:link, a.blog:visited{
	display:block;
	background:url(../assets/blog.jpg);
	height:20px;
	width:51px;
	text-indent:-9999px;
}

a.blog:hover{
	background-position:0px -20px;
}


a.contact:link, a.contact:visited{
	display:block;
	background:url(../assets/contact.jpg);
	height:20px;
	width:78px;
	text-indent:-9999px;
}

a.contact:hover{
	background-position:0px -20px;
}


a.sponsors:link, a.sponsors:visited{
	display:block;
	background:url(../assets/sponsors.jpg);
	height:20px;
	width:88px;
	text-indent:-9999px;
}

a.sponsors:hover{
	background-position:0px -20px;
}

/* ----------------- HEADER ----------------- */
#header{
	height:400px;
	overflow:hidden; /* FOR IE6 */
}

#sign-in{
	float:left;
	background:url(../assets/sign-in-box.jpg) no-repeat;
	width:342px;
	padding-left:8px;
	height:320px; 
	padding-top:80px;
	height:330px; /* IE Only */
	padding-top:70px; /* IE Only */
}



.signin-label{
	text-align:right;
	color:#fff;
	font-weight:bold;
	font-size:13px;
}

input.signin-box{
	background:url(../assets/sign-in-bg.jpg);
	width:206px;
	height:20px;
	padding:0px 5px;
	padding-top:2px;
	border:0px;
	font-weight:bold;
	font-size:13px;
	color:#033c59;
}

input.signin-box2{
	background:url(../assets/sign-in-bg-gray.jpg);
	width:206px;
	height:20px;
	padding:0px 5px;
	padding-top:2px;
	border:0px;
	font-weight:bold;
	font-size:13px;
	color:#033c59;
}



input#signin-btn{
	background:url(../assets/sign-up-btn.jpg);
	width:67px;
	height:32px;
	border:0px;
}

input#signin-btn:hover{
	background-position:0px -31px;
}

table#sign-in-form td{
	padding:3px;
}
	

#gearpic{
	float:left;
	width:154px;
}

#gear-link{
	float:left;
	width:170px;
	padding-left:15px;
	padding-top:25px;
}

a.gear-btn:link, a.gear-btn:visited{
	display:block;
	background:url(../assets/getthegear-btn.jpg);
	width:164px;
	height:32px;
	text-indent:-9999px;
}

a.gear-btn:hover{
	background-position:0px -32px;
}



#slideshow{
	float:left;
	width:576px;
}

.pics { 
width:576px;
height:400px;  
padding:0; 
margin:0; 
overflow:hidden; 
}

/* ----------------- SIGN IN ----------------- */
.signup-form{
	margin:0px;
}

table td#hp-signup-btn{
	padding-left:87px;
}

.signup-label{
	color:#000;
	font-weight:bold;
	font-size:13px;
	width:100px;
}


.error-label{
	color:#F00;
}


#sign-in-text{
	color:#FFF;
	padding:10px 15px;
	line-height:18px;
}

#sign-in-text strong{
	color:#F60;
} 

/* ----------------- SECTIONS ----------------- */
.content-section{
	background:url(../assets/nav-shadow.jpg) 0px -1px repeat-x #fff;
	width:886px;
	padding:15px 20px;
}

/* ----------------- ABOUT ----------------- */
.about-section{
	background:url(../assets/about-bg.jpg);
	width:886px;
	padding:0px 20px;
	height:693px;
}

div.about-section .text{
	margin-left:10px;
	padding-top:0px;
	margin-top:-10px;
	font-size:12px;
	line-height:14px;
}

div.about-section .text img{
	padding:3px;
	border:5px solid #da5729;
	margin-right:10px;
}

ul#about-list{
	margin:0px;
	margin-right:15px;
	padding:0px;
	list-style:none;
}

ul#about-list li{
	margin:0px;
	padding:5px;
	list-style:none;
	border-bottom:1px solid #da5729;
	font-family:Georgia, "Times New Roman", Times, serif;
}


/* ----------------- CONTACT ----------------- */
.contact-section{
	background:url(../assets/contact-bg.jpg);
	width:926px;
	height:693px;
}


div.contact-section .text{
	padding-left:15px;
	font-weight:bold;
}


input.contact-box{
	width:300px;
	height:20px;
	padding:0px 5px;
	padding-top:2px;
	font-weight:bold;
	font-size:13px;
	color:#033c59;
	margin:3px 0px;
}

.contact-textbox{
	width:300px;
	height:200px;
	padding:0px 5px;
	padding-top:2px;
	font-weight:bold;
	font-size:13px;
	color:#033c59;
	margin:3px 0px;
}

/* ----------------- FACTOR ----------------- */
.factor-section{
	background:url(../assets/factor-bg.jpg);
	width:906px;
	padding:0px 10px;
	height:693px;
}

.foundation{
	width:350px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#033c59;
	font-size:24px;
	font-weight:normal;
	line-height:30px;
	margin-left:15px;
}

/* ----------------- SPONSORS ----------------- */
.sponsors-section{
	background:url(../assets/sponsors-bg.jpg);
	width:926px;	
}

div.sponsors-section .text{
	padding-left:40px;
	padding-bottom:30px;
}

div.sponsors-section table td{
	text-align:center;
	padding-bottom:10px;
	font-weight:bold;
}

div.sponsors-section table td img{
	padding-bottom:5px;
}

/* ----------------- MIDDLE ----------------- */
#middle{
	height:57px;
	background:url(../assets/pattern-tile.jpg);
	background-position:-7px -2px;
}

#challenge-ticker-middle{
	float:left;
	width:260px;
	line-height:57px;
	font-size:14px;
	padding-left:20px;
	font-weight:bold;
	font-style:italic;
	color:#003b5b;
	background:url(../assets/challenge-ticker-bg.png) -40px 0px repeat-y;
}


#share-cf{
	float:left;
	width:285px;
	line-height:57px;
	font-size:14px;
	padding-left:10px;
	font-weight:bold;
	color:#003b5b;
}

	#share-cf ul{
		overflow:hidden;
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	#share-cf ul li{
		float:left;
		list-style:none;
		margin:0px;
		padding:0px;
		padding-right:5px;
	}
	
	
	#share-cf ul li img{
		display:block;
		margin-top:12px;
	}

#dc{
	float:right;
	background:url(../assets/dc-triangle.jpg) no-repeat #da5729;
	padding-left:30px;
	height:57px;
	overflow:hidden; /* FOR IE6 */
	color:#FFF;
	font-style:italic;
}

#dc-square{
	display:block;
	float:left;
	padding-top:14px;
	width:31px;
}

#daily-challenge{
	display:block;
	float:left;
	width:270px;
	padding-left:10px;
	padding-top:11px;
	height:46px;
}


#dc-share{
	float:left;
	width:80px;
	padding-top:8px;
}

a.share-btn:link, a.share-btn:visited{
	display:block;
	float:left;
	background:url(../assets/share_btn.jpg);
	width:74px;
	height:40px;
	text-indent:-9999px;
}

a.share-btn:hover{
	background-position:0 -40px;
}

/* ----------------- BOTTOM ----------------- */
#bottom{
	background:url(../assets/middle-footer.jpg) no-repeat bottom #033c59;
	color:#FFF;
	padding:10px;
}

	#bottom h2{
		color:#da5729;
		font-size:12px;
		letter-spacing:.01em;
	}

	div#bottom table td{
		width:25%;
		padding:0 10px;
	}
	
	div#bottom table td.divider{
		background:url(../assets/vert-divider.jpg) repeat-y right;
	}
	
	
	ul#popular-challenges-list{
		margin:0px;
		padding:0px;
		list-style:none;
	}
	
	ul#popular-challenges-list li{
		margin:0px;
		padding:0px;
		list-style:none;
		border-bottom:1px solid #da5729;
		padding-top:5px;
		padding-bottom:3px;
		margin-bottom:10px;
	}
	
	ul#popular-challenges-list li a{
		color:#FFF;
		text-decoration:none;
	}
	
	ul#popular-challenges-list li a:hover{
		color:#FFF;
		border-bottom:1px dotted #da5729;
	}
	
	.horz-divider{
		background:url(../assets/horz-divider.jpg) repeat-x;
		height:10px;
	}
	
	
	ul#third-col{
		margin:0px;
		padding:0px;
		list-style:none;
	}
	
	ul#third-col li{
		margin:0px;
		padding:0px;
		list-style:none;
		padding-bottom:5px;
	}
	
	
/* ----------------- BTNS ----------------- */	
a.isagenix-btn:link, a.isagenix-btn:visited{
	display:block;
	background:url(../assets/isagenixbtn.jpg);
	width:204px;
	height:60px;
	text-indent:-9999px;
}

a.isagenix-btn:hover{
	background-position:0 -60px;
}


a.factor-btn:link, a.factor-btn:visited{
	display:block;
	background:url(../assets/factorfondationbtn.jpg);
	width:204px;
	height:61px;
	text-indent:-9999px;
}

a.factor-btn:hover{
	background-position:0 -61px;
}

/* ----------------- SOCIAL NETWORKS ----------------- */
ul#social-networks{
	margin:0px;
	padding:0px;
	list-style:none;
	height:33px;
	overflow:hidden;
}

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


a.facebook-btn:link, a.facebook-btn:visited{
	display:block;
	background:url(../assets/facebookbtn.jpg); 
	width:27px;
	height:33px;
	text-indent:-9999px;
	padding:0px;
}

a.facebook-btn:hover{
	background-position:0 -33px;
	padding:0px;
}

a.blog-btn:link, a.blog-btn:visited{
	display:block;
	background:url(../assets/blogbtn.jpg);
	width:58px;
	height:33px;
	text-indent:-9999px;
}

a.blog-btn:hover{
	background-position:0 -33px;
}


a.twitter-btn:link, a.twitter-btn:visited{
	display:block;
	background:url(../assets/twitterbtn.jpg);
	width:36px;
	height:33px;
	text-indent:-9999px;
}

a.twitter-btn:hover{
	background-position:0 -33px;
}


a.youtube-btn:link, a.youtube-btn:visited{
	display:block;
	background:url(../assets/youtubebtn.jpg);
	width:83px;
	height:33px;
	text-indent:-9999px;
}

a.youtube-btn:hover{
	background-position:0 -33px;
}

/* ----------------- CHALLENGE SPONSORS ----------------- */
ul.challenge-sponsors{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left:35px;
}

ul.challenge-sponsors li{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-bottom:10px;
}

/* ----------------- FOOTER ----------------- */
#footer{
	height:61px;
	overflow:hidden; /*FOR IE6 */
	background:url(../assets/pattern-tile.jpg);
	background-position:-2px 1px;
}



#webphibian{
	float:right;
	width:207px;
}

a.kickapps-link:link, a.kickapps-link:visited{
	text-decoration:none;
	font-size:9px;
	padding-left:4px;
}

a.kickapps-link:hover{
	color:#033c59;
}


#footer-nav{
	float:left;
	width:660px;
	background:url(../assets/footer-gradient.jpg) repeat-y;
	padding:3px 10px;
	padding-left:10px;
	margin-top:19px;
}

ul#fnav{
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:center;
	margin-left:13px;
}

ul#fnav li{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#fnav li{
	float:left;
	color:#033c59;
	font-size:10px;
	padding:0px 1px;
}


ul#fnav li a{
	text-decoration:none;
	font-weight:bold;
	color: #da5729;
	padding:2px;
	font-size:9px;
}

ul#fnav li a:hover{
	color:#033c59; !important
}

/* ----------------- IE6 ----------------- */
.ie6, .ie6-footer{
	display:none;
} 

/* ----------------- COMPONETS ----------------- */


/* ----------------------------------
Light Square Theme
----------------------------------- */

div.light_square .pp_top .pp_left ,
div.light_square .pp_top .pp_middle,
div.light_square .pp_top .pp_right,
div.light_square .pp_bottom .pp_left,
div.light_square .pp_bottom .pp_middle,
div.light_square .pp_bottom .pp_right,
div.light_square .pp_content { background: #033c59; }

div.light_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */


div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { display:none; } /* The previous arrow in the bottom nav */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { display:none; } /* The next arrow in the bottom nav */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
background: #000; /*--- CHANGES BACKGROUND COLOR OVERLAY ---*/
position: absolute; top: 0; left: 0;
z-index: 9500;
width: 100%;
}

div.pp_pic_holder {
position: absolute; z-index: 10000;
width: 100px;
}

div.pp_pic_holder .pp_top {
position: relative;
height: 20px;
}
* html div.pp_pic_holder .pp_top { padding: 0 20px; }

div.pp_pic_holder .pp_top .pp_left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_top .pp_middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }

div.pp_pic_holder .pp_top .pp_right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}

div.pp_pic_holder .pp_content {
position: relative;
text-align: left;
width: 100%; height: 40px;
}

div.pp_pic_holder .pp_content .pp_details {
display: none;
margin: 10px 15px 2px 20px;
}
div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }

div.pp_pic_holder .pp_content .pp_details .pp_nav {
float: left;
margin: 3px 0 0 0;
}

div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; }

div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
float: left;
display: block;
width: 14px; height: 15px;
overflow: hidden;
text-indent: -10000px;
margin-top: 3px;
}

div.pp_pic_holder .pp_content div.pp_hoverContainer {
position: absolute; z-index: 2000;
top: 0; left: 0;
width: 100%;
}

div.pp_pic_holder .pp_content a.pp_next {
display: block; float: right;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
}

div.pp_pic_holder .pp_content a.pp_previous {
display: block; float: left;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
}

div.pp_pic_holder .pp_content a.pp_expand,
div.pp_pic_holder .pp_content a.pp_contract {
position: absolute; z-index: 20000;
top: 10px; right: 30px;
cursor: pointer;
display: none;
text-indent: -10000px;
width: 20px; height: 20px;
}

div.pp_pic_holder .pp_content{
	text-align:center;
}

div.pp_pic_holder .pp_content a.pp_close {
display:inline-block;
width: 75px; 
height: 22px;
background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; 
cursor: pointer;
margin-right:15px;
text-indent: -10000px;
}

div.pp_pic_holder .pp_bottom {
position: relative;
height: 20px;
}
* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }

div.pp_pic_holder .pp_bottom .pp_left {
position: absolute;
left: 0;
width: 20px; height:0px;
}
div.pp_pic_holder .pp_bottom .pp_middle {
position: absolute;
left: 20px; right: 20px;
height:0px;
}
* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }

div.pp_pic_holder .pp_bottom .pp_right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 0px;
background:#0F0;
}

div.pp_pic_holder .pp_loaderIcon {
display: none;
position: absolute;
top: 50%; left: 50%;
margin: -12px 0 0 -12px;
width: 24px; height: 24px;
}

div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; }
div.pp_pic_holder #pp_full_res object,
div.pp_pic_holder #pp_full_res embed { visibility: hidden; }

div.ppt {
display: none;
position: absolute;
top: 0; left: 0;
z-index: 9999;
color: #fff;
font-size: 17px;
}

/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*----------------- ADMIN TABLES -----------------*/
.admin-title{
padding:10px 0px;
}
.admin-table{
border-top:1px solid #333333;
border-left:1px solid #333333;
}
.admin-table td{
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding:10px;
}
.admin-form-table{
border-top:1px solid #333333;
border-left:1px solid #333333;
}
.admin-form-table td{
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding:10px;
}
.admin-table-header{
background:url(http://www.webphibian.com/standards/images/light-png.png) repeat-x;
background-color:#666;
color:#ffffff;
font-size:17px;
text-align:center;
font-weight:bold;
}
.admin-field-header{
font-weight:bold;
font-size:15px;
background:#999999;
color:#FFFFFF;
}
.admin-form-label{
font-weight:bold;
}
.admin-form-submit{
text-align:center;
}