/* layout */
body {
padding: 0;
margin-left: 100px;
margin-right: 100px;
margin-top: 25px;
margin-bottom: 10px;
background: #ffffff;
font-size: 12px;
color: #595959;
line-height: 15px;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}

h3{
	font-size: 30px;
}

		.login-form {
		background: #fff;
		position: relative;
		width: 900px;
		height: auto;
		float: center;
		padding: 0 90px 0 90px;
		background: rgb(246,248,250);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNmY4ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiNhOGNiZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-radial-gradient(center, ellipse cover,  rgb(246,248,250) 0%, rgb(168,203,224) 93%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(246,248,250)), color-stop(93%,rgb(168,203,224)));
		background: -webkit-radial-gradient(center, ellipse cover,  rgb(246,248,250) 0%,rgb(168,203,224) 93%);
		background: -o-radial-gradient(center, ellipse cover,  rgb(246,248,250) 0%,rgb(168,203,224) 93%);
		background: -ms-radial-gradient(center, ellipse cover,  rgb(246,248,250) 0%,rgb(168,203,224) 93%);
		background: radial-gradient(ellipse at center,  rgb(246,248,250) 0%,rgb(168,203,224) 93%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8fa', endColorstr='#a8cbe0',GradientType=1 );
		-webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,0.7);
		-moz-box-shadow: 0 0 18px 0 rgba(0,0,0,0.7);
		box-shadow: 0 0 18px 0 rgba(0,0,0,0.7);
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		}

.header_cell
{
color: #383636;
padding: 5px;
font-size: 22px;
font-weight: bold;	
height: 50px;
background: rgb(152,152,152);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzk4OTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVkZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(152,152,152) 1%, rgb(234,237,242) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(152,152,152)), color-stop(100%,rgb(234,237,242)));
background: -webkit-linear-gradient(top,  rgb(152,152,152) 1%,rgb(234,237,242) 100%);
background: -o-linear-gradient(top,  rgb(152,152,152) 1%,rgb(234,237,242) 100%);
background: -ms-linear-gradient(top,  rgb(152,152,152) 1%,rgb(234,237,242) 100%);
background: linear-gradient(to bottom,  rgb(152,152,152) 1%,rgb(234,237,242) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#eaedf2',GradientType=0 );
-moz-box-shadow: 0px -1px 2px #333333, 1px -4px 9px #bbbdbf, inset 0px 2px 8px #f5eded;/*FF 3.5+*/
-webkit-box-shadow: 0px -1px 2px #333333, 1px -4px 9px #bbbdbf, inset 0px 2px 8px #f5eded;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px -1px 2px #333333, 1px -4px 9px #bbbdbf, inset 0px 2px 8px #f5eded;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#333333); /*IE 5.5-7*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


.button{
	height:2em;
	padding: 25px 20px;
	margin:10px 10px;
	cursor:pointer;
	display:inline-block;
	color:#FFF;
	font-size:1.2em;
	border:1px solid #eee;
	background:#eee;
	border-radius:4px;
	line-height:1em;
	border:1px solid #aaa;
	text-decoration:none;
		
	-webkit-transition: all 0.3s linear;
     -khtml-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
.button:hover{
	-webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
}
.button:active {
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    text-shadow:1px 1px 1px #eee;
}

.blue{
	background: #7abcff; /* Old browsers */
	background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
	background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}

.tablecells
{
		padding: 10px;
		margin: 0px;
		width: 100%;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iODQlIiBzdG9wLWNvbG9yPSIjZWNmMGYyIiBzdG9wLW9wYWNpdHk9IjAuNDIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOSIgc3RvcC1vcGFjaXR5PSIwLjQyIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  rgba(215,222,227,1) 0%, rgba(229,235,238,0.5) 73%, rgba(236,240,242,0.42) 84%, rgba(245,247,249,0.42) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,222,227,1)), color-stop(73%,rgba(229,235,238,0.5)), color-stop(84%,rgba(236,240,242,0.42)), color-stop(100%,rgba(245,247,249,0.42)));
		background: -webkit-linear-gradient(top,  rgba(215,222,227,1) 0%,rgba(229,235,238,0.5) 73%,rgba(236,240,242,0.42) 84%,rgba(245,247,249,0.42) 100%);
		background: -o-linear-gradient(top,  rgba(215,222,227,1) 0%,rgba(229,235,238,0.5) 73%,rgba(236,240,242,0.42) 84%,rgba(245,247,249,0.42) 100%);
		background: -ms-linear-gradient(top,  rgba(215,222,227,1) 0%,rgba(229,235,238,0.5) 73%,rgba(236,240,242,0.42) 84%,rgba(245,247,249,0.42) 100%);
		background: linear-gradient(to bottom,  rgba(215,222,227,1) 0%,rgba(229,235,238,0.5) 73%,rgba(236,240,242,0.42) 84%,rgba(245,247,249,0.42) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7dee3', endColorstr='#6bf5f7f9',GradientType=0 );
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color=#6f6f71)";/*IE 8*/
		-moz-box-shadow: 0px -3px 7px #6f6f71;/*FF 3.5+*/
		-webkit-box-shadow: 0px -3px 7px #6f6f71;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
		box-shadow: 0px -3px 7px #6f6f71;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color=#6f6f71); /*IE 5.5-7*/
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

.tablecells td,th,br{
	padding: 5px;
}

      select, 
      textarea,
      input.file,
			input[type="text"],
			input[type="search"],
			input[type="password"]
      {
        padding: 4px;  
        font-size: 13px;
        margin-left: 5px;
        text-shadow: 0px 1px 0px #fff;  
        outline: none;  
        background: -webkit-gradient(linear, left top, left bottombottom, from(#CFCFCF), to(#ffffff));  
        background: -moz-linear-gradient(top,  #CFCFCF,  #ffffff);
        background: -webkit-linear-gradient(top,  #CFCFCF,  #ffffff);
        background: -o-linear-gradient(top,  #CFCFCF,  #ffffff);
        background: -ms-linear-gradient(top,  #CFCFCF,  #ffffff);
        background: linear-gradient(top,  #CFCFCF,  #ffffff);
       	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#ffffff',GradientType=0 );
		    -webkit-border-radius: 3px;  
        -moz-border-radius: 3px;  
        border-radius: 3px;  
        border: 1px solid #717171;  
        -webkit-box-shadow: 1px 1px 0px #efefef;  
        -moz-box-shadow: 1px 1px 0px #efefef;  
        box-shadow:  1px 1px 0px #efefef;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color=#efefef)";/*IE 8*/    
  } 
		
		  select:focus, 
      textarea:focus,
      input.file:focus,
			input[type="text"]:focus,
			input[type="search"]:focus,
			input[type="password"]:focus
    {
        padding: 4px;  
        font-size: 13px;
        margin-left: 5px;
        text-shadow: 0px 1px 0px #fff;  
        outline: none;  
        background: -webkit-gradient(linear, left top, left bottombottom, from(#EFD7A4), to(#ffffff));  
        background: -moz-linear-gradient(top,  #EFD7A4,  #ffffff);
        background: -webkit-linear-gradient(top,  #EFD7A4,  #ffffff);
        background: -o-linear-gradient(top,  #EFD7A4,  #ffffff);
        background: -ms-linear-gradient(top,  #EFD7A4,  #ffffff);
        background: linear-gradient(top,  #EFD7A4,  #ffffff);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFD7A4', endColorstr='#ffffff',GradientType=0 );
        -webkit-border-radius: 3px;  
        -moz-border-radius: 3px;  
        border-radius: 3px;  
        border: 1px solid #717171;  
        -webkit-box-shadow: 1px 1px 0px #cccccc;  
        -moz-box-shadow: 1px 1px 0px #cccccc;  
        box-shadow:  1px 1px 0px #cccccc; 
         -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color=#cccccc)";/*IE 8*/  
   }

      select:hover, 
      textarea:hover,
      input.file:hover,
			input[type="text"]:hover,
			input[type="search"]:hover,
			input[type="password"]:hover
      {
		  -webkit-box-shadow: 0px 0px 5px #007eff;  
		  -moz-box-shadow: 0px 0px 5px #007eff;  
		  box-shadow: 0px 0px 5px #007eff;  
		   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color=#007eff)";/*IE 8*/ 
      }
      

input[type=checkbox].css-checkbox {
							display:none;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:32px;
							margin-bottom: 3px;
							height:27px; 
							display:inline-block;
							line-height:27px;
							background-repeat:no-repeat;
							background-position: 0 0;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -27px;
						}
						
						label.css-label {
				background-image:url(csscheckbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}