@import url(css/uploadify.css);

body {
  margin: 0;
  font-family: verdana;
  font-size: 12px; 
}

#content {
  max-width: 820px;
  _width: 820px;
  margin: 15px auto 0px auto;
}
#content h1 {
  text-align: center;
}

.tac {text-align: center;}

/* upload-box on startpage */
#upload {
  background-image: url(images/bg_start.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment:fixed;
  width: 550px;
  height: 128px;
  padding-top: 72px;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  left: 50%;
  margin-left: -275px;
  text-align:center;
}
#upload #formuplf {
  display: none;
}
#fQ {
  width:400px;
  height:180px;
  overflow:auto;
  margin-left:75px;
}


/* message boxes [+] */
.success {
  padding: 25px;
  background-color: #E8F6E9;
  border: 1px #B2E1B7 solid;
  color: #11a322;
  margin-bottom: 15px;  
}
.error {
  padding: 25px;
  background-color: #f5e8e8;
  border: 1px #dfb2b2 solid;
  color: #9e1111;
  margin-bottom: 15px;
}
.alert {
  padding: 25px;
  background-color: #f9f8e8;
  border: 1px #ebe7b3 solid;
  color: #8F8610;
  margin-bottom: 15px;
}
.info {
  padding: 5px;
  text-align: center;
  background-color: #f9f8e8;
  border: 1px #ebe7b3 solid;
  color: #8F8610;
  margin-bottom: 15px;
  margin-top: 15px;
}
/* message boxes [-] */

.hideStatMess {
  cursor: pointer;
}


/* forms [+] */
input, select, textarea {
  font-family: verdana;
  font-size: 12px;
  color: #999999;
}
.fw1 {
  width: 450px;
  margin-bottom: 10px;
  margin-top:3px;
}
.fw2 {
  width: 200px;
  margin-bottom: 10px;
  margin-top:3px;
}
.ta2 {
  width: 350px;
  height: 100px;
  margin-bottom: 10px;
  margin-top:3px;
}
.button {
  font-weight: bold;
  padding: 2px;
  cursor: pointer;
}

/* forms [-] */

a img {
  border: none;
}

#start #logo {
  width: 400px;
  margin: 15px auto 0 auto;
  text-align:center;
}
#share #logo {
  position: absolute;
  top: 20px;
  left: 20px;
}

.sharedpic {
  text-align:center;
}
.sharedpic img {
  padding: 3px;
}
/* UI  Modifications [+] */
#accordion, #tabs {
  margin-top: 18px;
}
.ui-accordion-content { 
  _zoom: 1; 
} 

.sharedpic img.tn_loader {
  position: absolute;
  left:50%;
  margin-top: 48px;
  margin-left: -24px;
  display: none;
  border:none;
}

/* UI  Modifications [-] */

/* some helperlies */
.u {
  text-decoration: underline;
}
.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  margin: 0;
}

/* scollable part [+] */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:680px;
}
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	padding:2px;
	width:100px;
	height:75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.scrollable {
  position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;
	background:url(images/scrollable_gradient.png) repeat-x;
	float:left;	
}
a.browse {
	background:url(images/scrollable_arrows.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
a.disabled { visibility:hidden !important; }
/* scollable part [-] */


/* nice file chooser for swf fallback */
#formbt .left{float:left;}
#formbt .both{clear:both;}
#formbt .file-upload-container{width:400px;margin:auto;border:1px solid #efefef;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;background:#cbcbca;padding:10px; }
#formbt .file-upload-override-button{position:relative;overflow:hidden;cursor:pointer;background-color:#79bbff;}
#formbt .file-upload-override-button:hover{background-color:#378de5;}
#formbt .file-upload-override-button:active{position:relative;top:1px;}
#formbt .file-upload-button{position:absolute;height:50px;top:-10px;left:-10px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
#formbt .file-upload-filename{margin-left:10px;height:auto;padding:8px;}

#formbt .file-upload-override-button{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf');background-color:#ededed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;font-family:arial;font-size:15px;font-weight:700;text-decoration:none;text-shadow:1px 1px 0 #fff;padding:6px 24px;}
#formbt .file-upload-override-button:hover{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',endColorstr='#ededed');background-color:#dfdfdf;}
#formbt .file-upload-override-button:active{position:relative;top:1px;}