.shadow {
  text-shadow:2px 2px 4px #6BBA68;
}


.boxcontainer {
display:block;
width:auto;
margin:5px 10px;
}

.topbox {
margin-top:13px;
}

.btmbox .panelbody {
min-height:203px !important;
}

.float {
float:left;
display:block;
width:440px;
}

#wrapper, #masthead {
	background:#cccfd3 url(../images/dev-apps/apps-bg2.jpg) top left repeat !important;
}

.panelhead {
	width:414px;
	height:29px;
	background-image:url(../images/dev-apps/panel-head.png);
}

.panelttl {
	width:387px;
	height:35px;
	background-image:url(../images/dev-apps/panel-head-inset.gif);
	background-repeat:repeat-x;
	border-top-right-radius:8px;
	-moz-border-radius-topright:8px;	
	-webkit-border-top-right-radius:8px;
	border-bottom-right-radius:0;	
	-moz-border-radius-bottomright:0;	
	-webkit-border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	-moz-border-radius-bottomleft:0;	
	-webkit-border-bottom-left-radius:0;
	border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;	
	-webkit-border-top-left-radius:8px;
	float:left;
	margin-left:14px;
	margin-top:15px;
	border-bottom:solid 1px #FFFFFF;
}

.panel-title {
	width:153px;
	height:20px;
	font-size:11px;
	background-image:url(../images/dev-apps/panel-title.png);
	background-repeat:none;
	color:#FFFFFF;
	line-height:1.8;
	text-align:center;	
	margin:6px 0 0 6px;
}

.panelbody {
	width:414px;
	min-height:280px;
	display:block;
	background:url(../images/dev-apps/panel-main.png);
	background-repeat:repeat-y;
	moz-border-radius: 8px;
	webkit-border-radius: 8px;
}

.panelbody p {
margin:0;
}

.panelfoot {
	width:414px;
	height:29px;
	display:block;
	background:url(../images/dev-apps/panel-foot.png);
	background-repeat:repeat-y;
	moz-border-radius: 8px;
	webkit-border-radius: 8px;	
}

.boxhead {
	width:414px;
	height:20px;
	background-image:url(../images/dev-apps/box-header.png);
}

.boxbody {
	width:414px;
	min-height:90px;
	display:block;
	background:url(../images/dev-apps/box-body.png);
	background-repeat:repeat-y;
	moz-border-radius: 8px;
	webkit-border-radius: 8px;
	
}

.boxttl {
	width:387px;
	height:35px;
	background-image:url(../images/dev-apps/panel-head.gif);
	background-repeat:repeat-x;
	border-top-right-radius:8px;
	-moz-border-radius-topright:8px;	
	-webkit-border-top-right-radius:8px;
	border-bottom-right-radius:0;	
	-moz-border-radius-bottomright:0;	
	-webkit-border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	-moz-border-radius-bottomleft:0;	
	-webkit-border-bottom-left-radius:0;
	border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;	
	-webkit-border-top-left-radius:8px;
	float:left;
	margin-left:14px;
	margin-top:9px;
	border-bottom:solid 1px #FFFFFF;
}

.boxfoot {
	width:414px;
	height:21px;
	display:block;
	background:url(../images/dev-apps/box-footer.png);
	background-repeat:repeat-y;
	moz-border-radius: 8px;
	webkit-border-radius: 8px;		
}

.panelbody, .boxbody {
	padding-left:40px;
}

.clearance {
	clear:both;
}

#output_panel {
padding-top:15px !important;
width:85%;
color:#FFFFFF;
}

#apps {
	clear:both;
	
}

#apps .panelbody label {
 	width:160px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:white;
	

}

#apps .panelbody input, #apps .panelbody input.on{
	background-color:#97a35a;
	background-image:url(../images/dev-apps/diagonal-lines-bg.png);
	background-position:top left;
	padding:4px;
	background-repeat:repeat-x;
	-moz-border-radius-topright:8px;	
	-webkit-border-top-right-radius:8px;
	border-bottom-right-radius:8px;		
	-moz-border-radius-bottomright:8px;		
	-webkit-border-bottom-right-radius:8px;	
	border-bottom-left-radius:8px;	
	-moz-border-radius-bottomleft:8px;		
	-webkit-border-bottom-left-radius:8px;	
	border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;	
	-webkit-border-top-left-radius:8px;	
	border-top:2px solid #353837;
	border-bottom:2px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:2px solid #5d5e5e;
	margin-top:20px;
}

#apps .panelbody input:hover, #apps .panelbody input:focus {
	background-color:#97a35a;
	border-top:solid 3px #4c4c4c;	
	border-bottom:solid 1px #FFFFFF;
	border-right:2px solid #5d5e5e;
	border-left:solid 1px #FFFFFF;	

}



#apps .panelbody input .error {

}

#apps .panelbody p input.disabled {
	background:url(../images/dev-apps/input-disabled.png) top left repeat;
}






p > input[type=checkbox], p > input[type=radio] 
{ /* IE8 version only will pick these rules up */
	padding: 0 10px 0 0;
	margin: 0;
	height: 17px;
	width: 17px;
	float: left;
}

p > input[type=checkbox] + label, p > input[type=radio] + label
{ 

	line-height: 17px; 
	color: #fff; 
	padding: 0 0 0 17px;
}


p:not(#foo) > input[type=checkbox], p:not(#foo) > input[type=radio]
{
	padding: 0;
	margin: 0;
	height: 17px;
	width: 17px;
	float: left;
	position: absolute;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	
}



p:not(#foo) > input[type=checkbox] + label, input[type=radio] + label
{ 
	float: left; 
	line-height: 17px; 
	color: #fff; 
	padding: 0 0 0 17px;
}


p:not(#foo) > input[type=checkbox] + label {
background:url(../images/dev-apps/tick-off.gif) no-repeat;
height:17px;
}

p:not(#foo) > input[type=checkbox]:checked + label 	{
background:url(../images/dev-apps/tick-on.gif) no-repeat;
height:17px;
}

p:not(#foo) > label.disabled {
background:url(../images/dev-apps/tick-dsbl.gif) no-repeat !important;
height:17px;
}


p:not(#foo) > input[type=radio] + label {
background:url(../images/dev-apps/radio-normal.gif) no-repeat;
width:17px;
height:17px;
width:400px;
}

p:not(#foo) > input[type=radio]:checked + label 	{
background:url(../images/dev-apps/radio-selected.gif) no-repeat;
width:17px;
height:17px;
width:400px;
}

.radiogroup {
padding-top:15px;
padding-bottom:15px;
}


#apps textarea#data {
margin:0;
padding:0;
max-width:370px;
background:url(../images/dev-apps/textarea-bg.png) repeat;
background-color:transparent;
border:solid 5px #d0d2d4;
margin-left:18px;
width:370px;
}

.hidden {
display:none;
}

#footer {
background:url(../images/dev-apps/footer.gif) top left repeat-x;
}