/* CSS Document */
.content-heading{
	font-weight:bold;
	font-size:16;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.content-text{
	font-size:12;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#555555;
}
.hyperlink{
	cursor:pointer;
	color:#217bbf;
	text-decoration:none;
}
.hyperlink:hover {
	color:#C63;
}

.textfield{
	border: 1px solid #CCCCCC;
	padding:3px;
	width:200px;
	height: 20px;
	color: #555555;
}
.selectfield{
	border: 1px solid #CCCCCC;
	padding:3px;
	width:155px;
	height: 25px;
	color: #555555;
}
.textfield-readonly{
	border: 1px solid #CCCCCC;
	padding:3px;
	width:200px;
	height: 20px;
	color: #555555;
	background: #E9E9E9;
}
.selectfield-readonly{
	border: 1px solid #CCCCCC;
	padding:3px;
	width:207px;
	height: 25px;
	color: #555555;
	background: #E9E9E9;
}
.textfield-mandatory{
	border: 1px solid #CCCCCC;
	padding:3px;
	width:200px;
	height: 20px;
	color: #555555;
	background: #FFF0F0;
}

.selectfield-mandatory{
	border: 1px solid #CCCCCC;
	padding:3px;
	width:207px;
	height: 25px;
	color: #555555;
	background: #FFF0F0;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus{
 border-color: #217bbf;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #217bbf;
    outline: 0 none;
}

.button,.buttonnew
{
	/*background-color: #6BB5C1;*/
	background-color:#217bbf;
    border-color: #4AA1AF;
    color: #FFFFFF;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0);
	cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	 border-radius: 0 0 0 0;
         text-decoration:none;
}

.button-setup
{
	background-color:#FF8040;
    border-color: #4AA1AF;
    color: #FFFFFF;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0);
	cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	 border-radius: 0 0 0 0;
}

.button-disabled
{
	background-color: #666;
    border-color: #4AA1AF;
    color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	 border-radius: 0 0 0 0;
}
.button:focus,.button:hover{
	outline:thin dotted #333;
	outline-offset:-2px;
	background-color:#217bbf;
}
.buttonnew:focus,.buttonnew:hover{
	outline:thin dotted #333;
	outline-offset:-2px;
	background-color:#217bbf;
}
.selectbox{
	border: 1px solid #CCCCCC;
	padding:3px;
}
.shadow-box
{
    border: 1px solid #217bbf;
    box-shadow: 0 0 4px #217bbf;
    color: #666666;
    padding: 3px 10px 10px;
	border-radius: 0px 0px 0px 0px;
}

.login-links
{
	font-size:12px;
}
.login-links a{
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
.login-links a:hover{
	font-size:12px;
	font-weight:bold;
	color:#C63;
}
.grid-border-table
{
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;
}

.grid-border-td
{
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
}
.hyperlink-small
{
	font-size:11px;
}
.go-button
{
	width:30px;
	height:30px;
	margin-left:12px;	
}

.buttondisabled
{
	background-color: #999;
    border-color: #4AA1AF;
    color: #FFFFFF;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0);
	cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	 border-radius: 0 0 0 0;
}

.textdisabled{
	color: #999999;
	padding:5px 0px 5px 15px;
	text-decoration:none;
	/*padding-left:15px;*/	
}

.textenabled{
	color: #217bbf;
	padding:5px 0px 5px 15px;
	text-decoration:none;	
}
.linkcolorchange a:hover {
	color:orange;
}
.textfield-disabled{
	border: 1px solid #999;
	padding:3px;
	width:200px;
	height: 20px;
	color: #555555;
	background: #CCC;
}

.textfielddisabled{
	border: 1px solid #999;
	padding:3px;
	width:200px;
	height: 20px;
	color: #555555;
	background:#E8E8E8;
}

.selectfielddisabled{
	border: 1px solid #999;
	padding:3px;
	width:207px;
	height: 25px;
	color: #555555;
	background: #E8E8E8;
}

.diasblesidebarlinks
{
	color: #999;
	text-decoration:none;
	padding:3px;
	padding-left:15px;
	cursor:default;
}

.sidebarhyperlink
{
	color: #999;
	text-decoration:none;
	cursor:default;
}
.example {
  padding: 10px;
  border: 1px solid #e7e7e7;
}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}
#progress_bar {
  margin: 10px 0;
  padding: 3px;
  border: 1px solid #000;
  font-size: 14px;
  clear: both;
  opacity: 0;
  -o-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
}
#progress_bar.loading {
  opacity: 1.0;
}
#progress_bar .percent {
  background-color: #99ccff;
  height: auto;
  width: 0;
}
#byte_content {
  margin: 5px 0;
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}
#byte_range {
  margin-top: 5px;
}