html {
	overflow-x: hidden;
	overflow-y: auto;
}
body {
	background:#FFF;
	color: #777;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 0; background:#e7e7e7
}
.container{max-width:1024px; background:#FFF; border-bottom:2px solid #999}
.admin{float:right; padding:10px;}
.main{min-height:500px;}
.fc{min-height:40px; width:100%;}
.box
{
    border: 1px solid #C3D4DB;
    color:#444;
    margin:0 auto 30px;
	overflow:hidden; 
}
.box.login
{
	height:auto;
    width:332px;
	margin:auto;margin-top:50px
}
.boxBody
{
    background:#fefefe;

    padding:10px 20px;
}

.box footer
{
    background:#999;
    padding:8px 26px 0 ;
    overflow:hidden;
	height:auto;
}
.box label
{
    display:block;
    margin:10px 0 0 6px;
}
.box footer label{
	float:left;
	margin:4px 0 0;
}
.box footer input[type=checkbox]{
	vertical-align:sub;
	*vertical-align:middle;
	margin-right:10px;
}


.box input[type=text],
.box input[type=password],
.txtField,
.cjComboBox, .frm input[type=text]
{
    border:1px solid #999;
    margin:3px 0 4px;
    padding:2px 6px;
    width:270px;
    display:block;
}
.box input[type=text]:focus,
.box input[type=password]:focus,
.txtField:focus,
.cjComboBox:focus
{
    border:1px solid #000;
	color:#333;
}
.cjComboBox
{
    width:294px;
}
.cjComboBox.small
{
    padding:3px 2px 3px 6px;
    width:100px;
    border-width:3px !important;
}
.txtField.small
{
    padding:3px 6px;
    width:200px;
    border-width:3px !important;
}

.rLink{padding:0 6px 0 0; font-size:11px; float:right;}
.box a{color:#999;}
.box a:hover, .box a:focus{text-decoration:underline;}
.box a:active{color:#f84747;}
.btnLogin
{

    border:1px solid #7db0cc !important;
    cursor: pointer;
    padding:13px 10px;
    color:#fff;
    margin-left:12px;
    float:right;
	padding:2px 21px; margin-bottom:10px; background:#000
}
.mt25{margin-top:25px!important;}
.login p{color:#F00; margin-left:20px}
.btnLogin:active
{
    text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; 
}
footer#main{
	position:fixed;
	left:0;
	bottom:10px;
	text-align:center;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	width:100%;
}

h3{padding:8px 0px; font-size:16px; font-weight:bold; width:100%; text-align:center; color:#666666}
#errorMessage{padding:10px; color:#F00;}
.hde{width:50%; float:left; text-align:left}





.centered {
	text-align: left;
	margin: 0;
	padding: 5px 0 2px 0;
}
.cropHeaderWrapper {
	overflow: hidden;
	height: 420px;
}
#cropContainerHeaderButton {
	color: #FFF;
	margin: 10px 0 30px 71px;
	padding: 15px 50px;
	width: 407px;
	display: block;
	text-align: center;
	font-weight: 400;
	background: #2CE987;
	text-transform: uppercase;
	border-radius: 2px;
	box-shadow: 8px 8px 0px rgba(0,0,0,0.1);
	font-size: 20px;
}
#cropContainerHeaderButton:hover {
	background: #1CD139;
}
.optionsDiv {
	border-radius: 2px;
	position: absolute;
}
.optionsDiv a {
	width: 50%;
	margin-right: 20%;
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
}
#optionsFloating.fixed {
	position: fixed;
	top: 100px;
}
#cropContainerModal {
	width: 100%;
	height: 200px;
	position: relative;
	border: 1px solid #ccc;
}
#cropContaineroutput {
	width: 100%;
	height: 145px;
	position: relative;
	border: 1px solid #ccc;
}
#cropContainerEyecandy {
	width: 100%;
	height: 200px;
	position: relative;
	border: 1px solid #ccc;
}
#cropContainerPreload {
	width: 100%;
	height: 200px;
	position: relative;
	border: 1px solid #ccc;
}
#cropContainerMinimal {
	width: 100%;
	height: 200px;
	position: relative;
	border: 1px solid #ccc;
}
#cropContainerPlaceHolder2 {
	width: 100%;
	height: 200px;
	position: relative;
	border: none;
}
#pagination div { display: inline-block; margin-right: 5px; margin-top: 5px }
    	#pagination .cell a { border-radius: 3px; font-size: 11px; color: #333; padding: 8px; text-decoration:none; border: 1px solid #d3d3d3; background-color: #f8f8f8; }
    	#pagination .cell a:hover { border: 1px solid #c6c6c6; background-color: #f0f0f0;  }
    	#pagination .cell_active span { border-radius: 3px; font-size: 11px; color: #333; padding: 8px; border: 1px solid #c6c6c6; background-color: #e9e9e9; }
    	#pagination .cell_disabled span { border-radius: 3px; font-size: 11px; color: #777777; padding: 8px; border: 1px solid #dddddd; background-color: #ffffff; }
		
		
		
		
		
		
		
		
		
		
		
		
.upload-statusbar {
border: 1px solid #0ba1b5;
margin-top: 10px;
width: 420px;
margin-right: 10px;
margin: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 5px 5px
}
.upload-filename {
width: 100%;
height: auto;
margin: 0 5px 5px 10px;
color: #807579
}
.upload-progress {
margin: 0 10px 5px 10px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block
}
.upload-bar {
background-color: #0ba1b5;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;
}
.upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin-right:5px;
}
.upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin-right:5px;
}
.upload {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
   font-weight: bold;
	padding: 15px 20px;
	cursor:pointer;	
	line-height:20px;
	height:25px;
	margin:0 10px 10px 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  color: #888;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 0 2px 0 0 #e8e8e8;
  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
  box-shadow: 0 2px 0 0 #e8e8e8; 
  padding: 6px 10px 4px 10px; 
  color: #fff;
  background: #2f8ab9;
  border: none;
  -moz-box-shadow: 0 2px 0 0 #13648d;
  -webkit-box-shadow: 0 2px 0 0 #13648d;
  box-shadow: 0 2px 0 0 #13648d; 
  vertical-align:middle;  
  }
  
.upload:hover {
      background: #28759D;
      -moz-box-shadow: 0 2px 0 0 #15719f;
      -webkit-box-shadow: 0 2px 0 0 #15719f;
      box-shadow: 0 2px 0 0 #15719f;
}

.ajax-upload-dragdrop
{

	border:2px solid #000000;
	width:420px;
	color: #DADCE3;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 0px 10px;
}

.reorder_ul{margin:10px; border-bottom:2px solid #333; background:#e7e7e7; padding:10px; max-width:400px; float:left}
.reorder_ul li{ list-style:none; padding-bottom:5px}
.reorder_ul li input{border:1px solid #CCC; }

.cimg{background:#FFF; color:#F00; padding:3px 5px; margin-top:-65px; position:absolute; z-index:99}

.grybx{width:22%; margin:20px 0 20px 20px; float:right}
.grybx img{width:100%;}
.grybx b{ width:100%; line-height:19px; font-weight:600; text-transform:uppercase; margin-top:-6px}