@import "http://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext";

body {
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-color: #e9eaea;
    background-image: url(../images/login_bgr.jpg);
}
#wrapper{
	margin:0 auto;
	width:100%;
	text-align: left;
	position: relative;
	top : 10px;

	}
#logo{
	margin:0 auto;
	width:100%;
	margin-top:0px;
	text-align: center;
	}
	
#box_logo {
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-moz-box-shadow: 3px 3px 3px black;
	-webkit-box-shadow: 3px 3px 3px black;
	box-shadow: 3px 3px 3px #666;
	background-color:#FFF;
	margin-left: auto;
    margin-right: auto;
    display:inline-block;
    clear:both;
} 

#banner{
	margin:0 auto;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;

	width:100%;
	margin-top:0px;
	position: relative;
	}
#formoid{
	font-size:14px;
	font-size:14px;
	width:510px;
	margin:0 auto;
}
#formoid>div{
	margin: 8px 8px 8px 8px;
}
#float {
	float:left;
}
#floathelp {
	float:left;
	width:380px;
	margin:8px;
}
.frmd{
	display:none;
}#formoid{
	-webkit-border-radius: 4px;	
	   -moz-border-radius: 4px;	
			border-radius: 4px;	
}
#formoid,
#formoid div.selector,
#formoid  select,
#formoid input[type=button],
#formoid input[type=submit] {
	font-family: "Open Sans","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
	color: #666;
	padding: 5px;
}
#formoid div {
    float: left;
    width: 510px;
    vertical-align: middle;
}
#formoid div:hover {
    color: rgb(32, 118, 186);
}
#formoid div:active {
    color: rgb(32, 118, 186);
}
#formoid h2 {
	margin: 0.2em 0;
}

#formoid label {
	font-size: 1em;
	display: block;
	margin-bottom: 3px;
    margin-right: 10px;
    margin-top: 11px;
	clear: both;
    text-align: right;
    width: 180px;
    float:left;
}

/* Global Declaration */


#formoid .selector, 
#formoid .uploader,
#formoid .uploader *{
  margin: 0;
  padding: 0;
}
	


/* SPRITES */

/* Uploader */

#formoid div.uploader {
  /*-background-position: 0px -297px;*/
  /*height: 28px;*/
  width: 210px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  cursor: default;
}

#formoid div.uploader span.action {
	margin-left: -1px;
	margin-bottom: 0;
	vertical-align: top;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #bbbbbb;
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 0 4px 4px 0;
	   -moz-border-radius: 0 4px 4px 0;
		    border-radius: 0 4px 4px 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		  
	display: inline-block;

	padding: 5px 12px;
	text-align: center;
	
	float: left;
	display: inline;
	
	overflow: hidden;
	cursor: pointer;
	width: 80px;
	text-align: center;
}

#formoid div.uploader:hover span.action,#formoid div.uploader.hover span.action {
	background-position: 0 -15px;
	color: #333333;
	text-decoration: none;
	-webkit-transition: background-position 0.1s linear;
       -moz-transition: background-position 0.1s linear;
         -o-transition: background-position 0.1s linear;
            transition: background-position 0.1s linear;
	background-color: #E6E6E6;
}
#formoid div.uploader:active span.action,#formoid div.uploader.active span.action{
	background-color: #E6E6E6;
	background-image: none;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	outline: 0 none;	
	color: #333333;
}

#formoid div.uploader span.filename {
	/* change this line to adjust positioning of filename area */
    border-color: #DDDDDD;
	border-radius: 4px 0 0 4px;
	
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	/*height: 20px;*/
	
	padding: 5px 6px;
	margin-left: 0;
	
    /*transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;	*/
	float: left;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;

	color: #777;
	width: 82px;
	border-right: solid 1px #bbb;
}


#formoid div.uploader input {
	opacity: 0;
	filter: alpha(opacity:0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	float: right;
	height: 25px;
	border: none;
	cursor: default;
/*	width: 100%;*/
}

#formoid div.uploader.disabled span.action {
	color: #aaa;
}

#formoid div.uploader.disabled span.filename {
	border-color: #ddd;
	color: #aaa;
}


/* Select */

#formoid div.selector span{
	background:url(down.png) no-repeat right center;
	padding-right:10px;
}

#formoid div.selector select {
  width:100%;
  top: 0px;
  left: 0px;
}


/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

#formoid .selector, 
#formoid .button, 
#formoid .uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

#formoid .selector select:focus, 
#formoid .uploader input:focus {
  outline: 0;
}

/* Button & submit*/
#formoid div.selector,
#formoid  select,
#formoid input[type=button],
#formoid input[type=submit]{
    height: 40px;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  padding: 0px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  color: #666666;
  text-align: center;
  font-size: 1em;
/*  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
}

#formoid div.selector:hover,
#formoid div.selector.hover
#formoid  select:hover,
#formoid input[type=button]:hover,
#formoid input[type=button]:active,
#formoid input[type=button][disabled]{
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

#formoid div.selector:active,
#formoid  select:active,
#formoid input[type=button]:active{
  background-color: #cccccc;
}

#formoid div.selector:hover,
#formoid  select:hover,
#formoid input[type=button]:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

#formoid div.selector:active,
#formoid  select:active,
#formoid input[type=button]:active {
  background-image: none;
  outline: 0;
}

#formoid input[type=button][disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

#formoid input[type=submit] {
    background-color: #333333;
	color: #aaaaaa;
	background-repeat: repeat-x;
	border-color: 666666 #666666 #666666 #666666;
}

#formoid input[type=submit]:hover {
    background-color: #000000;
  color: #ffffff;
  text-decoration: none;
  background-position: 0 -15px;
}

#formoid input[type=submit]:active,
#formoid input[type=submit][disabled] {
	background-color: #000000;

	*background-color: #333333;
	background-image: none;
	outline: 0 none;
}


/* Select */

#formoid div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
  line-height:1.6;
}

#formoid div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#formoid div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  border: none;
  background: none;
}


/* Radio & checkbox */
#formoid input[type=checkbox],
#formoid input[type=radio]{
	z-index:1;
	position:relative;
	opacity:0.01;
	height: 19px;
	width: 19px;
	margin: 0;
	vertical-align:middle;
}
#formoid input[type=checkbox]+span,
#formoid input[type=radio]+span{
	height: 19px;
	margin-right:-19px;
	padding-left: 19px;
	z-index:0;
	position:relative;
	display:inline-block;
	left:-19px;
	top:0px;
	background:url(check-radio-bg.png) no-repeat 0 0;
}
#formoid input[type=checkbox]:hover+span{
	background-position:0 -38px;
}
#formoid input[type=checkbox]:active+span{
	background-position:0 -19px;
}
#formoid input[type=checkbox]:checked+span{
	background-position:0 -76px;
}
#formoid input[type=checkbox]:checked:hover+span{
	background-position:0 -114px;
}
#formoid input[type=checkbox]:checked:active+span{
	background-position:0 -95px;
}
#formoid input[type=radio]+span{
	background-position:0 -190px;
}
#formoid input[type=radio]:hover+span{
	background-position:0 -228px;
}
#formoid input[type=radio]:active+span{
	background-position:0 -209px;
}
#formoid input[type=radio]:checked+span{
	background-position:0 -266px;
}
#formoid input[type=radio]:checked:hover+span{
	background-position:0 -304px;
}
#formoid input[type=radio]:checked:active+span{
	background-position:0 -285px;
}

#formoid input[type=text],
#formoid input[type=email],
#formoid input[type=password],
#formoid textarea {
    float:left;
	width: 96%;
	margin-left:-1px;

    border-color: #BDBDBD;
    height: 44px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33;

    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 300px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: #404040;
    -moz-appearance: none;
    -webkit-appearance: none;

    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#formoid input[type=text]:focus,
#formoid input[type=email]:focus,
#formoid input[type=password]:focus,
#formoid textarea:focus {
    border-color: rgb(52, 138, 206);
    background-color: rgba(230, 230, 250, 0.3);
}
#formoid input[type=text]:hover,
#formoid input[type=email]:hover,
#formoid input[type=password]:hover,
#formoid textarea:hover {
    border-color: rgb(82, 168, 236);
    background-color: rgba(240, 240, 250, 0.3);
}
/** Footer **/
			
#footercont
	{
	display: table;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

#footercont a
	{
	color: #666;
	text-decoration:none;
	right: 100px;
	}
.error {
    color: red; margin: 0px; line-height: 1em; font-size: 15px;
}
.success {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: green;
    margin:auto;
    line-height: 1em;
    font-size: 17px;
    text-align: center;
}

.error-page {
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	color: red;
	margin:auto;
	line-height: 1em;
	font-size: 17px;
	text-align: center;
}