/*------------------------------------------------------------------
[Custom Stylesheet] - overwite some bootstraps
-------------------------------------------------------------------*/
a {
	cursor: pointer;
	text-decoration: none;	
}

.clear {
	clear: both;
}

#preloader { width:100%; height: 100%; background:#fff; position: fixed; top:0; left:0; bottom: 0; right: 0; z-index:999998; display: none; opacity: 0.7  }
#preloader img {
	position: absolute;
	top: 32%;
	left: 50%;
	opacity: 1;
	z-index: 999999;
}

#debugger {
	position: fixed;
	top: 200px;
	right: 40px;
	width: 400px;
	height: 300px;
	overflow: auto;
	border: 1px solid #000;
	background-color: #fff;
}

img.logo {
	position: absolute;
	top: 3px;
	right: 20px;	
}

.ajaxpanel {
	float: left;
	margin: 0 0 0 0;	
	width: 100%;
	padding: 0;
	height: 100%;
	position: relative;
	z-index: 10;
}

.orange {
	color: #f90;
}

.red {
	color: #ff0000;	
}

a.goback {
	float: right;
	margin-right: 15px;	
	text-decoration: none;
}

span.addoption,
span.deloption,
span.coroption,
span.addimage,
span.viewimage {
	font-size: 11px;
	font-weight:normal;
	cursor: pointer;
	margin: 0;
}

.deloption {
	background: url(/img/toolbar/bullet_delete.png) top left no-repeat;
	padding: 0 0 0 16px;	
}

.coroption {
	background: url(/img/toolbar/accept.png) top left no-repeat;
	padding: 0 0 0 16px;	
}

.addimage {
	background: url(/img/toolbar/image_add.png) top left no-repeat;
	padding: 0 0 0 16px;	
}

.viewimage {
	background: url(/img/toolbar/image.png) top left no-repeat;
	padding: 0 0 0 16px;	
}

.form-control.correct {
	color: #0C3;	
}

div#popup,
div#viewimage { 
	position: fixed; 
	top: 150px; 
	left: 0; 
	z-index: 101; 
	width: 100%; 
	height: 500px; 
	display: none;
}

#upfile {
	display: none;
}	

#progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; font-size: 12px; margin-top: 10px; }
#bar { background-color: #0C3; width:0%; height:20px; border-radius: 3px; }
#percent { position:absolute; display:inline-block; top:3px; left:48%; }
#message { font-size: 12px; font-weight: bold; color: #666; }

input[type="file"]#fileElem {
  /* Note: display:none on the input won't trigger the click event in WebKit.
	 Setting visibility to hidden and width 0 works.*/
  visibility: hidden;
  width: 0;
  height: 0;
}

.button::-webkit-file-upload-button {
	visibility: hidden;
}

.green {
	color:#00CC00;	
}
.red {
	color:#ff0000;	
}

:required {
  background: #FFEAC4;
}

.whoops {
	position: absolute;
	top: 110px;
	width: 85%;
	left: 7%;
	height: 350px;
	background-color: #fff;
	border: 1px solid #FFEAC4;
	padding: 20px;	
}

.key {
	position: absolute;
	top: 80px;
	right: 10px;
	width: 110px;
	font-size: 11px;
}

.sf-menu,
.permissions,
.permissions ul {
	width: 100%;
	list-style: none;
}

.sf-menu.first,
.permissions {
	margin: 0;	
	padding: 0;	
	position: relative;
}

.permissions li {
	margin: 0;	
	padding: 0;	
	position: relative;
}

.sf-menu.submenu {
	/*display: none;*/	
}

	.sf-menu li {
		padding: 2px 0 2px 0;	
	}
	
.pageoptions {
	float: right;	
}

a.shortcut {
	height: 120px;	
}

.inlineimage {
	max-width: 500px;
	margin: 0 0 50px 185px;
	border: 4px solid #FFF;
	padding: 4px;
	-webkit-box-shadow: 8px 8px 5px -2px rgba(179,179,179,0.78);
	-moz-box-shadow: 8px 8px 5px -2px rgba(179,179,179,0.78);
	box-shadow: 8px 8px 5px -2px rgba(179,179,179,0.78);
}

.selectedvariants {
	float: left;
	margin: 0;
	width: 160px;
	background-color: #e1e1e1;
}

.selectedvariants select,
.pendingvariants select {
	height: 200px;
}

.btnvariants {
	float: left;
	width: 80px;	
}

.btnvariants {
	padding-top: 50px;
	margin-left: 10px;
}

.pendingvariants {
	float: left;
	margin: 0;
	width: 160px;
}