@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(//themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

td.DataTD {
    width: 100%;
}

h3.greenbg-higlight {
    background:url("/jquery-ui/smoothness/images/ui-bg_highlight-green_1x100.png") 50% 50% repeat-x !important;
}

div.selitem-higlight {
    background-color: #B5BCF0 !important;;
}


.remembercb {
    vertical-align: middle;
}

html, body
{
	padding: 0;
	margin: 0;
}

body {
	background-color: #f9f9f9;
	font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	position: relative;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	color: #330;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h1, h2, h3
{
	font-size: 18px;
}
h4, h5, h6
{
	font-size: 16px;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: #EEE;
	text-decoration: underline;
}

.dialbox {
    	font-family: Arial, Helvetica, Verdana;
	font-size: 16px;
	color: #000;
}

a.stdc {
  color: black;    
  margin-top: 2px;
  margin-bottom: 2px;
    
}

a.std {
  background: #777777;
  padding: 3px 10px 3px 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  text-decoration: none;
  margin-top: 2px;
  margin-bottom: 2px;
}

pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#page nav
{
	display: none;
}

#header,
.header
{
	background: #384AD3;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding: 0 50px;
}

#footer
{
	background: #384AD3;
	font-size: 14px;
	font-weight: normal;
	color: #eee;
	text-align: center;
	line-height: 30px;
	height: 30px;
	padding: 0 50px;
}


#header a,
.header a
{
	background: left center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
        text-align: right;
        font-weight: normal;
        text-decoration: none;
	display: block;
	width: 80px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 20px;
        
}
#header a.friends,
.header a.friends
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#header a.right,
.header a.right
{
	left: auto;
	right: 10px;
}
#content,
.content
{
	padding: 20px;
}
#content
{
	padding-bottom: 20px;
}

div.mainframe {
    padding: 14px 14px 14px 14px;-webkit-border-radius: 17px 20px 20px 20px;-moz-border-radius: 17px 20px 20px 20px;border-radius: 17px 20px 20px 20px;background-color:#DDDDDD;
    text-align: left;
    display: inline-block;
}

div.mainframeheader {
    padding: 14px 14px 14px 14px;-webkit-border-radius: 17px 20px 20px 20px;-moz-border-radius: 17px 20px 20px 20px;border-radius: 17px 20px 20px 20px;background-color:#DDDDDD;
    text-align: left;
}


div.helpmsg {
    padding: 6px 6px 6px 36px;
    -webkit-border-radius: 17px 20px 20px 20px;-moz-border-radius: 17px 20px 20px 20px;border-radius: 17px 20px 20px 20px;background-color:#DDDDDD;
    display: inline-block;
    margin-bottom: 10px;
}

div.helpmsg input {
   margin-left: -24px;
   float: left;
}

.myfields label, .myfields input {
  display:inline-block;
  margin-bottom: 10px;
}
.myfields {
    border: none;
}
.myfields label {
  width:100px; /* or whatever size you want them */
  text-align: right;
}

.myfields input[type=submit] {
  margin-left: 105px;
  margin-top: 10px;
  width:120px;
}


input {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}


input[type=text] {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}

input:focus {border-color:#333; }

select {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}

textarea {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}

input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; }

input[type='checkbox'] {
    -webkit-appearance:none;
    width:20px;
    height:20px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
}
input[type='checkbox']:checked {
    background: #8f98e2;
}

#file_upload { 
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px 20px 20px 20px;
    min-width:140px;
    min-height: 30px;
}

#file_upload a { 
    text-decoration:none !important;
    color:#000;
}

.progress .progress-bar {
  margin-top: 5px;
  margin-bottom: 5px;
  background: url("/access/images/progressbar.gif") !important;
  filter: none;
  width:0%;
  height:12px;
}

#element_to_pop_up { 
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px 20px 20px 20px;
    min-width:140px;
    min-height: 30px;
}
.b-close{
    cursor:pointer;
    position:absolute;
    font-size: 24px;
    color:#000;
    right:10px;
    top:5px;
}

.sidebar_form_txt {
    color:#222;
}

.red
{ background: #FF9999 !important; }

.green
{ background: #CCFF99 !important; }

.yellow
{ background: #FFFFCC !important; }
.sr-only{
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}
table.rmcellpadspc td {padding: 6px;}