@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body { 
	background: #d45500;
	font-family: 'Open Sans', sans-serif;
	color: #111;
	font-size: 16px;
	margin:0;
}
#menu_bar{
	width: 110%;
	margin: 0;
	background-color:#666666;
	min-height:40px;
	margin-bottom:40px;
	background: #7a7877; /* Old browsers */
background: #6d6d6d; /* Old browsers */
background: -moz-linear-gradient(top,  #6d6d6d 1%, #666666 44%, #353535 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6d6d6d), color-stop(44%,#666666), color-stop(100%,#353535)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6d6d6d 1%,#666666 44%,#353535 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6d6d6d 1%,#666666 44%,#353535 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6d6d6d 1%,#666666 44%,#353535 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6d6d6d 1%,#666666 44%,#353535 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#353535',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 2px 2px 50px 1px #4D4D4D;
box-shadow: 2px 2px 50px 1px #4D4D4D;

}
#wrap-middle {
	width: 900px;
	margin: 0 auto;
	background: transparent;
	overflow: hidden;
	
}
#wrap-title {
	display: block;
	width: 300px;
	margin: 50px auto 0;
	background: transparent;
	overflow: hidden;
	font-size: 26px;
	font-weight: normal;
	color: #f0f0f0;
	text-align:center;
	
}
.erroralert{
font-size: 15px;
font-weight:bold;
color:#D30A0F;
	display: block;
	margin: 10px auto 0;
	border:#C41526 1px solid;
	background: url #EB969E;
	background: url(../images/success.png) no-repeat 20px, -moz-linear-gradient(top, #EB969E  0%, #F4BBC5 100%);
	background: url(../images/success.png) no-repeat 20px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EB969E), color-stop(100%,#F4BBC5));
	background: url(../images/success.png) no-repeat 20px, -webkit-linear-gradient(top, #EB969E 0%,#F4BBC5 100%);
	background: url(../images/success.png) no-repeat 20px, -o-linear-gradient(top, #EB969E 0%,#F4BBC5 100%);
	background: url(../images/success.png) no-repeat 20px, -ms-linear-gradient(top, #EB969E 0%,#F4BBC5 100%);
	background: url(../images/success.png) no-repeat 20px, linear-gradient(to bottom, #EB969E 0%,#F4BBC5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB969E', endColorstr='#F4BBC5',GradientType=0 );

	-moz-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	
	width: 290px;
}

.succeedalert{
	font-size: 15px;
color:#006600;
font-weight:bold;
	display: block;
	margin: 10px auto 0;
border:#006600 1px solid;
	background: url #f1facf;
	background: url(../images/success.png) no-repeat 20px, -moz-linear-gradient(top, #f1facf 0%, #c6dc77 100%);
	background: url(../images/success.png) no-repeat 20px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1facf), color-stop(100%,#c6dc77));
	background: url(../images/success.png) no-repeat 20px, -webkit-linear-gradient(top, #f1facf 0%,#c6dc77 100%);
	background: url(../images/success.png) no-repeat 20px, -o-linear-gradient(top, #f1facf 0%,#c6dc77 100%);
	background: url(../images/success.png) no-repeat 20px, -ms-linear-gradient(top, #f1facf 0%,#c6dc77 100%);
	background: url(../images/success.png) no-repeat 20px, linear-gradient(to bottom, #f1facf 0%,#c6dc77 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1facf', endColorstr='#c6dc77',GradientType=0 );
	-moz-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	
	width: 290px;
}
#wrap-login {
	display: block;
	width: 300px;
	margin: 10px auto 0;
	background: transparent;
	overflow: hidden;
	color: #f0f0f0;
	line-height: 30px;
}
#wrap-upload{
	display: block;
	width: 800px;
	margin: 10px auto ;
	background: transparent;
	overflow: hidden;
	color: #f0f0f0;
	line-height: 30px;
	
}
#wrap-search{
	
	width: 90%;
	margin: 10px auto ;
	background: transparent;
	
	color: #f0f0f0;
	line-height: 30px;
	color:black;
	background:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wrap-result{
	margin:20px;
}
#box-login {
	font-size: 12px;
	display: table;
	background-color: #FFF;
	/*border: 1px solid #d9d9d9;*/

	-moz-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	width: 290px;
}
#box-upload {
	font-size: 12px;
	display: table;
	background-color: #FFF;
	/*border: 1px solid #d9d9d9;*/
padding:5px;
	-moz-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 50px 2px #FFE8F0;
box-shadow: 2px 2px 50px 2px #FFE8F0;
	/*width: 400px;*/
}
#box-search{
	font-size: 14px;
	display: table;
	background-color: #FFF;
	/*border: 1px solid #d9d9d9;*/
padding:5px;
	

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	width: 80%;
}
#menu{
	margin:0;
}
#menu li{
	float:right;
	margin-top:7px;
	margin-right:10px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	
}
#menu .url a{
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#menu .url a:hover{
	color:#FF3300;
}
#box-login-top {
	background: transparent;
	padding: 20px;
}
#box-login-bottom {
	background: #3a3a3a;
}

#box-login-top form fieldset {
	margin: 0 0 20px 0;
	font-size: 16px;
}
#box-login-top form fieldset.form-actions {
	margin: 0;
	
}
#box-login-top form fieldset input.form-text {
	display: block;
	width: 240px;
	padding: 8px 7px;
	font-size: 14px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#box-login-top form fieldset input.form-text:focus {
	border: 1px solid #ccc;
	background: #fff;
}

#box-login-top form input[type="submit"] {
	
	margin: 0;
	padding: 5px 10px;
	font-size: 15px;	
	font-weight: bold;
	border: 0;
	background: #eee;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;

	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);

	background: -moz-linear-gradient(19% 75% 90deg, #FF4D01, #FF8924);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF8924), to(#FF4D01));

	color:#fff;
	float:right;
	font-family:arial,helvetica,sans-serif;
    padding: 10px 2px;
	width: 124px;
	text-align: center;
}
#filebox{
	display:block !important;
	float:right;
	margin-left:20px;
}
#fileinfobox{
	display:block !important;
	
	float:right;
}
#save{
	margin: 0;
	padding: 5px 10px;
	font-size: 15px;	
	font-weight: bold;
	border: 0;
	background: #eee;
	float:left;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;

	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);

	background: -moz-linear-gradient(19% 75% 90deg, #FF4D01, #FF8924);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF8924), to(#FF4D01));

	color:#fff;
	float:right;
	font-family:arial,helvetica,sans-serif;
    padding: 10px 2px;
	width: 124px;
	text-align: center;
}
#box-login-top form input[type="submit"]:hover,
#box-login-top form input[type="submit"]:focus,
#box-login-top form input[type="submit"]:active {
background: -moz-linear-gradient(19% 75% 90deg, #EB4701, #F58423);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F58423), to(#EB4701));
cursor: pointer;
}
#box-login-top form a {
	margin: 0 0 0 3px;
	padding: 5px 10px;
	font-size: 15px;	
	font-weight: bold;
	border: 0;
	background: #eee;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;

	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);

	background-color:#444;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #989898), color-stop(10%, #6a6a6a), color-stop(50%, #3c3c3c), color-stop(50%, #353535), color-stop(100%, #4e4e4e));
	background-image:-moz-linear-gradient(top, #989898 0%, #6a6a6a 10%, #3c3c3c 50%, #353535 50%, #4e4e4e 100%);
	background-image:linear-gradient(top, #989898 0%, #6a6a6a 10%, #3c3c3c 50%, #353535 50%, #4e4e4e 100%);

	color:#fff;
	float:left;
	font-family:arial,helvetica,sans-serif;
	padding: 4px 2px;
	text-decoration: none;
	width: 124px;
	text-align: center;
}
#box-login-top form input a:hover,
#box-login-top form input a:focus,
#box-login-top form a:active {
background-color:#3c3c3c;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #919191), color-stop(10%, #636363), color-stop(50%, #353535), color-stop(50%, #2d2d2d), color-stop(100%, #474747));
background-image:-moz-linear-gradient(top, #919191 0%, #636363 10%, #353535 50%, #2d2d2d 50%, #474747 100%);
background-image:linear-gradient(top, #919191 0%, #636363 10%, #353535 50%, #2d2d2d 50%, #474747); }

#footer-login {
    background-color: #3A3A3A;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
    color: #BCBCBC;
    display: block;
    font-size: 14px;
	font-weight:bold;
    overflow: hidden;
    padding: 15px 20px;
    position: relative;
}
#footer-login > span {
	margin: 0;
	border: 0;
	padding: 0;
	float: right;
}

#overlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index:110;
	background:url(../images/process.gif) center no-repeat;
}