/*SETTING*/
 body{ 
	font-size: 81.2%; 
	color: #333333;
	font-family: 'OpenSansSemibold';
	background: #0597d3;
	overflow-x: hidden;
}

p{
	line-height: 1.3;
}

h1{
	font-family: 'GillSansMTBold';
	font-size: 3.076em; 
}

h2{
	font-family: 'geosanslightregular';
	font-size: 1.692em; 
}

.input-box{
	margin: 0px;
}

.input-box input['type'='text']{
	padding: 0px 2px; 
}

.input-box label{
	margin: 0px;
	display: block;
	margin: 15px 5px 5px 5px
} 

.default-inputText{
	width: 100%;
	padding: 5px 0px;
	border: 1px solid #e7e7e7;
	font-size: 1.33em
}


.icon{
	background-image: url('../images/app_container/sprite.png');
}
.icon-left{
	background-image: url('../images/app_container/sprite-left.png');
}

/*START*/

.main-body-wrapper{ 
	width:1000px;
	margin:0px auto;
	overflow:hidden;
	position: relative
}
.mainWrapper{
	width: 1000px;
	position: relative;
	margin: 0px auto;
	overflow: auto;
	background: #ffffff; 
}
  
.hw-logo{
	float: left;
	width: 384px;
	margin-left: 15px; 
}

.hw-logo  img{
	margin-top: 4px; 
	float: left;
	width: 110px;
}

.hw-logo > h1{ 
	margin-top: 7px;
	float: right; 
	margin-bottom: 0px;
	font-size: 2.6em
}

.hw-logo > h2{  
	float: right; 
	margin-top: -2px;
	font-size: 1.33em
}

.hw-right{
	float: right;
	width: 500px; 
	margin-right: 20px; 
} 
 
.hw-navigation > ul > li{ 
	float: left;
	padding: 0px 10px;
	margin-right: 5px; 
	position: relative;
	cursor: pointer;
	z-index: 20;
	height: 50px;
	
}

.hw-navigation > ul {
	margin-top: 22px
}

.hw-navigation > ul > li > a{ 
	text-decoration: none; 
	color: #9c0808;
	font-size: 1.384em;
}

.hw-navigation > ul > li:hover > a{
	color: #333333;
}

.hw-navigation .hwn-sub-nav
{
	width: 220px;
	padding: 0px;
	background: #000000; 
	border: 1px solid #e7e7e7;
	position: absolute;
	left: -70px;   
}

.fx_fadeToTop{
	position: absolute;
	bottom: -25px;
	display: none
}

.hw-navigation .hwn-sub-nav:after
{
	content: "";
	position: absolute;
	top: -18px;
	left: 96px;
	border-style: solid;
	border-width: 0 14px 18px;
	border-color: #e7e7e7 transparent;
	display: block;
	width: 0;
	z-index: 1;
}

.hw-navigation ul{
	list-style: none; 
}

.hwn-sub-nav li{
	display: block;
	padding: 0px;
	background: #ffffff;
	border-bottom: #e7e7e7
}

.hwn-sub-nav a{
	color: #333333;
	text-decoration: none;
	display: block;
	padding: 13px 10px;
	border-bottom: 1px dashed #e7e7e7
}

.hwn-sub-nav a.last{
	border: none;
}

.hwn-sub-nav a:hover{
	color: #ffffff;
}

.app-wrap{
	background: url('../images/app_container/main-bg.jpg');
	width: 977px;
	height: 523px;
	border: 1px solid #edeaea;
	margin: 0px auto; 
}

#canvas-container {
	float: left;
	width: 750px; 
}

#app-panel{
	width: 205px;
	float: right;
	overflow: hidden;
	margin-top: 55px; 
}
 
.gui-head{
    color: #FFFFFF;
    font-family: 'OpenSansBold';
    font-size: 1.1em;
    height: 32px;
    line-height: 30px;
    padding: 5px 10px;
}

.app-option{
	background: #fc5808;
	float: right;
	width: 187px; 
	cursor: pointer;
}

.app-option > span.title{
	float: right;
}

.app-option > span.icon{
	float: left;
	display: block;
	width: 32px;
	height: 31px;
	background-position: -1px -4px;	
}

.gui-wrap{
	background: #f1f1f1;  
	border: 1px solid #f1f1f1;
	border-style: solid none solid solid;
	position: relative;
	left: 0px
}

.gui-wrap  .gui{
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 7px;
	background: #ffffff;
	width: 90px;
	height:61px;
	cursor: pointer;
} 

.gui-wrap  .gui:hover span{
	color: #ffffff;
}

.gui-wrap  .gui > span{
	color: #2a99d3;
}

.gui > span.title{ 
	display: block;
	float: left;
	margin-top: 20px
}

.gui-wrap  .gui > .icon{
	float: left;
	margin-right: 7px;
	height: 60px;
}

.gui-strap .icon{
	background-position: -162px -2px;
	width: 29px; 
}

.gui-strap:hover .icon{
	background-position: -162px -76px;	
}

.gui-strap > span.title{
	margin-top: 10px;
	float: none;
}  

.gui-palete .icon{
	background-position: -202px -2px;
	width: 30px; 
	margin-top: 8px;
}

.gui-palete:hover .icon{
	background-position: -202px -76px;	
}

.gui-palete > span.title{
	margin-top: 10px;
	float: none;
}

.gui-text .icon{
	background-position: -73px -2px;
	width: 44px; 
	margin-top: 10px
}

.gui-text:hover .icon{
	background-position: -73px -76px;	
}

.gui-logo .icon{
	background-position: -37px -2px;
	width: 34px; 
	margin-top: 10px
} 

.gui-logo:hover .icon{
	background-position: -37px -76px;	
}

.gui-view .icon{
	background-position: -120px -2px;
	width: 32px; 
	margin-top: 15px
} 

.gui-view:hover .icon{
	background-position: -120px -76px;	
}


.gui-size .icon{
	background-position: -238px -2px;
	width: 41px; 
	margin-top: 15px
}

/*GUI MODAL*/
.gui-modal-palete ul.color{
	list-style: none;
}

.gui-modal-palete ul.color li{
	width: 30px;
	height: 30px; 
	float: left;
	margin: 5px;
	margin-left:22px;
	border: 1px solid #e7e7e7;
	cursor: pointer
}

.gui-modal-palete ul.color li.active,.gui-modal-palete ul.color li:hover{
	border-color: yellow
}

.gui-modal-palete ul.color li.White{
	background: url('../texture/White.jpg');
}

.gui-modal-palete ul.color li.Black{
	background: url('../texture/Black.jpg');
}

.gui-modal-palete ul.color li.Forest{
	background: url('../texture/Forest.jpg');
}
.gui-modal-palete ul.color li.Gold{
	background: url('../texture/Gold.jpg');
}
.gui-modal-palete ul.color li.Maroon{
	background: url('../texture/Maroon.jpg');
}
.gui-modal-palete ul.color li.Navy{
	background: url('../texture/Navy.jpg');
}
.gui-modal-palete ul.color li.Purple{
	background: url('../texture/Purple.jpg');
}
.gui-modal-palete ul.color li.Red{
	background: url('../texture/Red.jpg');
}
.gui-modal-palete ul.color li.Royal{
	background: url('../texture/Royal.jpg');
}

.gui-modal-wrap{
	position: relative
}

.gui-modal{
	z-index: 999;
	position: absolute;
	border: 1px solid;
	background: white;
	box-shadow: 0px 0px 3px #989898;
	display: none;
	width: 0px;
	height: 0px;
	padding-bottom:10px
}

.gui-modal .gui-head{
	background: #0082ce;
	cursor: move; 
}

.gui-closeModal{
	cursor: pointer;
	display: block;
	float: right;
	width: 23px;
	height: 22px;
	margin-top: 5px;
	background:  url('../images/app_container/sprite.png') -248px -79px;
}

.gui-modal-container{
	min-width: 270px;
	padding: 20px;
}

.gui-modal-logo .gui-modal-container{
	min-width: 702px
}

.selectWrapper { 
	margin: 10px 0px;
}

.selectWrapper select{
	width: 100%;
	margin-bottom: 15px; 
}

.selectWrapper option{
	padding: 7px;
	border-bottom: 1px solid #e7e7e7
}
/*TEXT COLOR SELECTION*/ 
.gui-modal-text .sbHolder,.gui-modal-textEditing .sbHolder{
	width: 75px;
}
 
.gui-modal-text .dropdown-menu li a,.gui-modal-textEditing .dropdown-menu li a{
    margin:5px;
    padding:0px;
   
}

.gui-modal-text .dropdown span:hover,.gui-modal-textEditing .dropdown span:hover{
    border:2px solid yellow
}

.gui-modal-text .dropdown span,.gui-modal-textEditing .dropdown span{
	border:2px solid #e7e7e7;display:block;width:20px;height:20px
}

.gui-modal-text .dropdown .navy span,.gui-modal-textEditing .dropdown .navy span{
	background: #2f3c71;
}
.gui-modal-text .dropdown .white span,.gui-modal-textEditing .dropdown .white span{
	background: #ffffff;
}
.gui-modal-text .dropdown .black span,.gui-modal-textEditing .dropdown .black span{
	background: #000000;
}
.gui-modal-text .dropdown .red span,.gui-modal-textEditing .dropdown .red span{
	background: #ff0000;
}

.gui-modal-logo .gui-modal-container{
	width: 400px;
	overflow-y: scroll
}

.footer-wrapp{ 
	background:#474747;
	text-align:center;
	padding: 8px 0px;
	color:#ffffff; 
}

/*ADDED BY NEIL*/
.c-left{
	float:left;
}

.w-380{
	width:300px !important;
}

.overpowerDropdown{
	margin: -45px 0 0 !important;
	margin-left: 40px !important;
}
.caret{
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000000;
	margin-left:30px;
	margin-top:-45px;
}

/*UPLOAD*/
#XUploadForm-form .preview img{
	width: 150px;
}

.required .required{
	color: red;
}

/*Added by Rick*/

a.clear_all {
	display: block;
	text-align: center;
	border:1px solid #0597d3;
	border-radius: 5px;
	padding: 5px 0;
	text-decoration: none;
}

a.clear_all:hover {
	background-color: #0597d3;
	color: #ffffff;
}