* { padding: 0; margin: 0; font-family: Verdana, Arial, sans-serif; }

.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 */
a{text-decoration:underline; cursor:pointer;}
.hidden { display: none; }
.block { display: block; }
.transparent 
{ 
	opacity:0; 
	-moz-opacity:0; 
	filter:alpha(opacity=0);
	
}
.half-transparent { opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }

body { position: relative;  margin: 0 auto; padding: 10px; border: none; background-image:url('http://s2.noelshack.com/old/up/bg-95438dff92.png');background-repeat:repeat-x;background-color:#f9f9f9; }
a { color: #336699; }
a:hover { color: #ff6600; }

.slots li:hover{  background: white;  }
.slots li:hover .choosefile{ color: #ff6600; background: white;  }


#container { width: 728px; margin: 0 auto; text-align: center; }

#header { margin: 5px auto 5px auto; font-size: 11px; text-align: left; }
#header.view { text-align: center; }
#lang { float: left; width: 200px; margin-bottom: 5px; }
#lang a, #lang span { border-left: 1px solid #b7c4d2; padding: 1px 6px 1px 6px; }
#lang a.first, #lang span.first { border-left: none; }

#navs { float: right; width: 500px; text-align: right; white-space: nowrap; margin-bottom: 5px; padding-right: 3px; }
#navs.view { float: none; }
#reset { }

#navs a { border-left: 1px solid #b7c4d2; border-right: 1px solid #d4d4d4;/* background: #ffffff;*/ padding: 1px 7px; }

#navs a.leftmost { border-left-color: #d4d4d4; }
#navs a.reset-active, #navs a.fromurl-active, #navs a.permalink-active, #navs a.permalink-success, #navs a.permalink-failure { position: relative; left: 1px; top: 1px; padding-top: 4px; padding-bottom: 5px; border: 1px solid white; border-bottom: none;  }
#navs a.reset-active { background: #fbf2f2; border-color: #edaaaa; }
#navs a.fromurl-active { background: #f2f4f6; border-color: #b7c4d2; }
#navs a.permalink-active { background: #ffffcc; border-color: #b7c4d2; }
#navs a.permalink-success { background: #edffd6; border-color: #b7c4d2; }
#navs a.permalink-failure { background: #fbf2f2; border-color: #edaaaa; }

#fromurl-ui, #reset-ui, #permalink-send, #permalink-send-ok, #permalink-send-fail { clear: both; text-align: right; line-height: 34px; height: 34px; padding-right: 9px; }
#fromurl-ui { border: 1px solid #b7c4d2; background: #f2f4f6; }
#reset-ui { border: 1px solid #edaaaa; background: #fbf2f2; }

#permalink-ui.hidden { display: none; }
#permalink-send { border: 1px solid #b7c4d2; background: #ffffcc; }
#permalink-send-ok { border: 1px solid #b7c4d2; background: #edffd6; }
#permalink-send-fail { border: 1px solid #edaaaa; background: #fbf2f2; color: #ff0000; }

#permalink-ui .button, #fromurl-ui .button { font-size: 11px; width: 120px; height: 19px; }
#permalink-email, #fromurl-value { border: 1px solid #b7c4d2; height: 16px; }
#fromurl-value { width: 250px; }

#content { margin: 0 auto; border: 1px solid #b7c4d2; background: rgba(242,244,246,0.7); padding: 10px; text-align: left; }

#footer { text-align: center; font-size: 9px; color: #336699; margin: 5px; }
#footer.view { color: #888888; }

#menu { font-size: 13px; height: 1%; float: left; width: 600px; padding: 5px 0; }
#menu.solid { background: #f4f6f8; border: 1px solid #b7c4d2; }
#menu li { display: inline; list-style-type: none; padding: 5px 10px; *padding-left: 10px; *padding-right: 5px; text-align: center; }
#menu li.active { background: white; position: relative; border: 1px solid #b7c4d2; padding: 4px 9px 6px 9px; *padding-right: 4px; border-bottom: none; z-index: 888; margin-bottom: -1px; } 
#menu li.active a { color: #336699; }
#menu li.active a:hover { color: #ff6600; }

#headline div.tagline { color: #999999; *position: relative; float: right; font-size: 10px; font-style: italic; padding: 3px 3px 1px 3px; margin-bottom: -1px; width: 300px; text-align: right; }

#show-links { height: 50px; margin: 20px auto; }
/*#show-links, #all-links { display: none }*/
#all-links { display: none;}
#recent-images, #upload-form,  #share, #feedback, #eclipse { border: 1px solid #b7c4d2; background: white; height: 1% /* hasLayout trigger */; }
#recent-images h2, #upload-results h2 { font-size: 14px; padding: 8px; border-bottom: 1px solid #b7c4d2; text-align: center; color: #336699; height: 1%; }

#upload-form { background: white; text-align: center; height: 1%; }
#upload-form input.file { width: 380px; text-align: center; margin: 5px auto; }
#upload-note { color: #336699; font-size: 10px; background: white; height: 20px; text-align: center; margin: 0 auto 30px auto; }

.hint { font-size: 11px; padding: 10px; background: #ffffcc; text-align: left; margin: 0 0 10px 0; border: 1px solid #b7c4d2; }
.hint.narrow { cursor: default; background: #ffffcc; text-align: center; width: 365px; }
.hint.narrow:hover { background: #ffffdd; }
.hint.narrow .title { color: #336699; font-size: 12px; font-weight: bold; margin-bottom: 10px; }
.warning { font-size: 11px; padding: 10px; background: #fbf2f2; text-align: left; margin: 10px 0 0 0; border: 1px solid #edaaaa; color: #ff0000; }
#resize-hint { border-color: #cccccc; background: #f5f5f5; }
#not-found { margin-bottom: 2px; }

#results { background: white; text-align: center; }
#upload-results { }
#upload-errors ul { list-style-type: none; width: 506px; margin: 0 auto; }
#upload-errors .warning { width: 504px; margin: 2px auto 0 auto; text-align: center; background: #fbf2f2; border: 1px solid #edaaaa; color: #ff0000; }
#upload-errors .short { display: none; }

.image-list { background: white; padding: 10px 10px 0 10px; height: 1%; overflow: hidden; list-style-type: none; }
.image-list li { width: 140px; float: left; text-align: center; } 
.image-list a { font-size: 11px; text-decoration: none; display: block; padding: 10px; height: 100%; }
.image-list a:hover { background: #f4f6f8; padding: 9px; border: 1px solid #b7c4d2; }
.image-list img { border: none; margin-bottom: 5px; }

.share-links { background: #ffffdd; border-top: 1px solid #b7c4d2; margin-top: 10px; padding: 20px; }
.share-links div.howto { display: block; font-size: 12px; text-align: center; margin: 16px auto 0 auto; }

.link-list { text-align: right; list-style-type: none; }
.link-list li { /* margin-top: 0.5em; */ }
.link-list a.copy { font-size: 12px; }
.link-list label { color: #336699; font-size: 11px; font-weight: bold; float: left; margin-top: 3px; margin-bottom: 8px; }
.link-list textarea { clear: both; overflow: auto; display: block; width: 96%; margin: 0 auto 10px auto; padding: 3px 5px; font-size: 11px; border: 1px solid #b7c4d2; font-size: 10px; }

#upload-form .link-list { position: relative; }

.slots { width: 536px; margin: 0px auto 10px auto; padding: 5px; list-style-type: none;/*z-index:100;*/ }
.slots li { overflow: none; background: #f4f6f8; margin: 5px; padding: 1px; border: 1px solid #b7c4d2; width: 120px; height: 90px; float: left; text-align: center; display: inline; } 
.slots li.choose { /*border-style: dotted; */ }
.slots li.choose:hover { border-style: solid; }
.slots li.blank { background: #F4F6F8; /*border-style: dotted;*/ }

.slots li .loading { display: block; color: #336699; font-size: 12px;position:absolute; line-height: 30px; height: 30px;margin-top:-40px;margin-left:-30px;}
.slots li .choosefile { display: block; color: #336699; font-size: 12px;position:absolute; line-height: 30px; height: 30px; }


.slots li .choosefile_hid{ display: block; color: #336699; font-size: 12px;position:absolute; line-height: 30px; height: 30px;margin-left:36px;margin-top:-32px;}

.choosefile_hid_IE{ display: block; color: #336699; font-size: 12px;position:absolute; line-height: 30px; height: 30px;margin-right:-10px;}


.slots li .choosefile_nfl, .slots li .loading_nfl { display: block; color: #336699; font-size: 12px; line-height: 30px; height: 30px;padding-left:40px; }
.slots li.loading_st{background-image:url(../images/pre_loader.gif);width:110;height:50; background-position:center;background-repeat:no-repeat;}
.slots li .loading { color: #aabbcc; text-decoration: none;}


.slots li .choosefile:hover { _color: #336699;}
.choosefile_hid:hover { _color: #336699; /*z-index:100;*/}
 .choosefile { color: #ff6600; /*background: white;*/ cursor: pointer; }
#span_text_up.hover{z-index:1000;position:absolute;}


.slots li .ui { background: white; height: 75px; padding-top: 15px; line-height: 19px; }
.slots li .progressframe { text-align: left; line-height: 4px; font-size: 4px; height: 4px; margin: 5px auto 0 auto; width: 60px; border: 1px solid #b7c4d2; }
.slots li .progressframe .progressbar { height: 4px; width: 0; background: #b7c4d2; }
.slots li .progressframe.complete { border-color: #7b97b2; }
.slots li .progressframe.complete .progressbar { background: #b7c4d2; }

.slots li .file { font-size: 10px; color: #336699; width: 120px; overflow: hidden; }
.slots li .blinking { cursor: default; font-size: 12px; font-weight: bold; }
.slots li .aborted { color: red; }
.slots li .red { font-weight: normal; font-size: 11px; color: red; }
.slots li .green { font-weight: normal; font-size: 11px; color: green; }
.slots img { border: none; width: 120px; height: 90px; font-size: 10px; }

.slots li .error { font-size: 10px; font-weight: bold; color: red; }

.slots li.thumb { *overflow: hidden; text-align:left; border-color: #b7c4d2; }
.slots li.noscript { *overflow: hidden; text-align:left; border-color: #ff6600; }
.slots .links-button { display: block; background: #f4f6f8; color: #336699; border: 1px solid #336699; text-decoration: none; text-align: center; width: 51px; height: 19px; position: relative; top: -21px; *top: -18px; left: 70px; line-height: 18px; font-size: 10px; } 
.slots .links-button:hover { background:  #ffffcc; color: #336699; }
.slots .links-button.clicked { background:  #ffffcc; color: #336699; }
.slots li.hot .links-button { background: white; border-color: #ff6600; color: #ff6600; }
.slots li.hot .links-button:hover { background:  #ffffcc; }

#links-ui { text-align: left; position: relative; top: -20px; *top: -17px; left: 16px; z-index: 777; }
#links-ui .header { background: #ffffcc; position: relative; left: 53px; top: 2px; display: block; color: #336699; border: 2px solid #336699; border-bottom-style: none; text-decoration: none; text-align: center; width: 50px; height: 19px; line-height: 19px; font-size: 10px; }
#links-ui .body { background: #ffffcc; border: 2px solid #336699; width: 300px; height: 86px; padding: 2px; }
#links-ui .body input, #links-ui .body b { float: right; width: 168px; border: 1px solid #b7c4d2; height: 15px; line-height: 15px; font-size: 10px; }
#links-ui .body b { border-style: dotted; color: black; }
#links-ui .body span { float: left; width: 50px; height: 15px; line-height: 15px; font-size: 10px; }
#links-ui .body a, #links-ui .body em { float: left; width: 70px; height: 15px; line-height: 15px; font-size: 10px; }
#links-ui .body em { font-style: normal; color: #aaaaaa; }
#links-ui .body b a { font-weight: normal; float: none; width: auto; height: 15px; text-decoration: none; font-style: italic; }
#links-ui .body p { height: 15px; clear: both; *clear: none; padding: 3px; overflow: hidden; }

#recent-details { text-align: right; font-size: 11px; padding: 10px 20px 0 20px; color: #336699; }

.pagination { height: 2px; font-size: 11px; padding: 10px; margin-bottom: 5px; }
.pagination .page-selector { width: 400px; float: right; text-align: right; }
.pagination .image-count { float: left; width: 200px; text-align: left; }
.pagination .page-selector ul { display: inline; }
.pagination .page-selector li { display: inline; font-weight: bold; margin-right: 3px; }
.pagination .page-selector li.active span { color: black; }

#recent-images { text-align: center; padding-bottom: 10px; }
#recent-images h3 { font-size: 14px; padding: 8px; text-align: center; color: #336699; height: 1%; }
#recent-images input.file { width: 380px; text-align: center; margin: 0 auto 16px auto; }

#faq { text-align: left; }
#faq h2 { color: #336699; text-align: center; font-size: 16px; margin: 30px 0 20px 0; color: #336699; height: 1%; }
#faq ul { margin: 16px; list-style-type: none; }
#faq ul li { padding-top: 7px; margin-bottom: 9px; }
#faq ul li.hili { background: #ffffcc; padding-top: 7px; border: 1px solid #b7c4d2;  }
#faq p { font-size: 13px; text-align: left; }
#faq p.q { font-weight: bold; color: #336699; margin: 0 16px 3px 16px;}
#faq p.a { margin: 0 16px 0 32px; padding-bottom: 7px; }


#eclipse { text-align: center; }
#eclipse div { width: 660px; margin: 0 auto; padding-bottom: 20px; }
#eclipse a { display: block; float: left; width: 320px; padding: 5px; }
#eclipse h2 { color: #336699; text-align: center; font-size: 16px; margin: 30px 0 20px 0; color: #336699; height: 1%; }
#eclipse p { font-size: 11px; text-align: center; margin: 20px auto; }


#feedback { text-align: left; padding-bottom: 20px; }
#feedback h2 { color: #336699; text-align: center; font-size: 16px; margin: 30px 0 20px 0; color: #336699; height: 1%; }
#feedback-form span { display: inline-block; position: relative; top: -1px; *top: -5px; height: 25px; line-height: 25px; color: #999999; font-size: 10px; font-style: italic; }
#feedback-form { width: 600px; margin: 0 auto 40px auto; text-align: right; font-size: 13px; }
#feedback-note { color: #aabbcc; font-size: 12px; border: 1px solid #b7c4d2; text-align: center; width: 590px; padding: 43px 5px 5px 5px; height: 57px; margin: 0 auto 0 auto; }
#feedback textarea { border: 1px solid #b7c4d2; overflow: auto; text-align: left; display: block; width: 590px; padding: 5px; height: 100px; margin: 0 auto 0 auto; }
#feedback input { height: 25px; width: 75px; position: relative; top: -1px; *top: -2px; left: 2px; background: #f4f6f8; cursor: pointer; border: 1px solid #b7c4d2; color: #336699; font-size: 11px; margin: 0; }
#feedback input:hover { background:  #ffffcc; color: #ff6600; }
#feedback ul { list-style-type: none; width: 600px; margin: 0 auto; }
#feedback li { margin: 0 0 20px 0; }
#feedback ul span.date { color: #aabbcc; font-size: 10px; font-style: italic; display: block; text-align: left; }
#feedback ul p { margin: 5px 0; padding-left: 10px; font-size: 13px; display: block; overflow: auto; }
#feedback ul span.quote { color: #999999; font-size: 11px; font-style: italic; display: inline; }
#feedback .pagination .page-selector { width: 400px; margin: 0 auto; text-align: center; float: none; }

#logo-button { text-align: center; margin-top: 10px; }
#logo-button img { border: 0; border-bottom: 5px solid white; }
#logo-button img:hover { border-bottom: 5px solid #e4e6e8; }
#view { text-align: center; border: none; background: white; height: 1% /* hasLayout trigger */; margin-top: 10px; }

.noscript input { font-size: 14px; height: 28px; margin: 0px; padding: 0; }
#upload-button { margin-left: 5px; padding: 0 5px; }
.noscript h2 { clear: both; font-size: 16px; padding: 8px; background: white; text-align: center; color: #336699; height: 1%; margin: 0px 0 10px 0; }
.slots.noscript { margin-top: 0px; }
.noscript .hint, #nocookies, #iframe-warn { width: 504px; margin: 20px auto 0 auto; text-align: center; background: #fbf2f2; border: 1px solid #edaaaa; color: #ff0000; }
.form_row{
	width:100%;
	
	
}

.form_col1{
	font-size:14px;
	width:10%;
	float:left;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
}

.form_col2{
	width:80%;
	/*float:left;*/
	margin-top:10px;
}
.form_col1_small{
	font-size:14px;
	width:20%;
	float:left;
	text-align:center;
	font-weight:bold;
	margin-top:12px;
}
.form_col_small{
	width:70%;
	float:left;
	margin-top:10px;
}
.command{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/*color:#000000;*/
	font-weight:lighter;
}
#msg_box{
	color:#FF0000;
	text-align:center;
	width:60%;
	margin-top:10px;
}
#img1{
	width:60px;
	height:60px;
}