.margin0{margin:0;}
.clear{clear:both;}
.even{background:#dddddd;}
.odd{background:#eeeeee;}
.container{
width: 60%;
    padding: 10px;
    margin: 0 auto;
}

.App_Text{
width: 30%;
    float: left;
    padding-top: 8px;
}
.App_textInput {
    width: 70%;
    float: left;
}
.APP_FormFieldsMn{
width:70%;
font-size: 1.2em;
    color: #333333;
    float: left;
    font-family: "Roboto Condensed Regular", Arial, Helvetica, sans-serif;
    margin-bottom: 30px;}
.DashBoardRt{width:100%;}
.appdetails{
width:100%;
/*padding:5px 10px;*/
border:1px solid #333;
min-height: 100px;
    margin-bottom: 20px;
	border-radius: 10px;
}

.App_Heading{
background: #ddd !important;
    padding: 7px 10px;
	border-radius: 10px 10px 0px 0px;
	}
.App_Heading1{padding:10px;}	
	
.submitBtn{
        /*width: 45%;*/
    border: 2px solid #99c5ea;
    background: #337ab7;
    outline: 0;
    outline: 0;
    font-weight: normal;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px 35px;
    font-size: 1.0em;
    color: #FFF;
    cursor: pointer;
    
    text-align: center;
    text-transform: uppercase;
        }
	
	.submitBtn:hover{opacity:0.7;}	


.AP_FormFieldsMn {
	width:100%;
	font-size:1.2em;
	color:#333333;
	float:right;
	font-family: "Roboto Condensed Regular", Arial, Helvetica, sans-serif;
	padding:15px;
}
.AP_Text, .AP_Text1 {
	width:40%;
	float:left;
	padding-top:8px;
}
.AP_textInput {
    width: 60%;
    float: left;
}


.AP_Text2 {
	width:40%;
	float:left;
	padding-top:8px;
}

.AP_Text3 {
	width: 10%;
    float: left;
    padding-top: 8px;
    padding-left: 20px;
}


.AP_textInput2 {
    width: 25%;
    float: left;
}

.AP_textInput3 {
    width: 25%;
    float: left;
}
.AP_textInput4 {
    width: 10%;
    float: left;
	padding-left:5px;
}
.AP_textInput5 {
    width: 15%;
    float: left;
	padding-left:5px;
}




.AP-styled-select {
    width: 69%;
    overflow: hidden;
    background:#fcfcfc url(../images/ddarrow.png) no-repeat 97.5% 50% ;
    float: left;
    padding: 3px;
    border: 1px solid #cccccc;
}
.AP-styled-select select {
	background: transparent;
	width: 100%;
	font-size: 0.9em;
	line-height: 24px;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance:none;	
	padding: 2px;
	outline: 0;
	color: #000000;
	font-family: "Roboto Condensed Light", Arial, Helvetica, sans-serif;
}
.select2 { width: 60%; }

.AP_formDivisionsMn {
	width:100%;
}
.AP_Division {
	width:17%;
	float:left;
	margin-left:2%;
}
.AP_Division:first-child {
	margin-left:0;
}

.AP_Division_Text {
	font-family: "Roboto Condensed Light", Arial, Helvetica, sans-serif;
	font-size:0.7em;
	word-wrap:break-word;
	padding-bottom:10px;
	color:#000000;
}
.AP_Division_Text_Twoline{
	padding-bottom:3px;
}
.AP_Division_InputMn {
	width:100%;
}
.AP_Division_Input {
	width:100%;
	font-family: "Roboto Condensed Regular", Arial, Helvetica, sans-serif;
	padding: 5px;
    border: 1px solid #cccccc !important;
	font-size: 1em;
	color:#000 !important;
}
.AP_Division_Datepicker {
	width:90%;
	font-family: "Roboto Condensed Regular", Arial, Helvetica, sans-serif;
	padding: 5px;
    border: 1px solid #cccccc;
	font-size: 1em;
}
.AP_Division_Datepicker1 {
	width:80%;
	font-family: "Roboto Condensed Regular", Arial, Helvetica, sans-serif;
	padding: 5px;
    border: 1px solid #cccccc;
	font-size: 1em;
}

.AP-rightField {
    width: 60%;
	float:left;
}
.APradioMn { width:100%;}
.APradio { float:left;width:25%;margin-top:7px; }
.APradioText { display:inline-block; font-family: "Roboto Condensed Light", Arial, Helvetica, sans-serif; }
.AP-rightField2 { margin-top:7px; font-family: "Roboto Condensed Light", Arial, Helvetica, sans-serif; }
.APradio2 { width:100%; }
.submitbtna{text-align:center;}
.submitbtns{margin-top:10px; text-align:center;}





/*------------Coustomized Radio Styles Starts -------------*/
.skinned-form-controls2 input[type="radio"]
{
	position: absolute;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	width:31px;
	height:31px;
}
/* prevent the entire page from scrolling if there is overflow and checkbox or checkbox button are clicked */
.skinned-form-controls2 label
{
	position: relative;
}

/* fallback for IE6, IE7 and IE8 */
.skinned-form-controls2 input[type="radio"]
{
	position: static\9;
}

.skinned-form-controls2 input[type="radio"] + span::before
{
	content: "";
	display: inline-block;
	width: 31px;
	height: 31px;
	vertical-align: middle;
	background-repeat: no-repeat;
}


.skinned-form-controls2 input[type="radio"] + span::before
{
	background-position: 0px 0;
}

.skinned-form-controls2 input[type="radio"]:checked + span::before
{
	background-position: -0px -31px;
}

/* disabled form elements */
.skinned-form-controls2 input[type="radio"]:disabled + span,
.skinned-form-controls2 input[type="radio"]:disabled + span::before,
{
	-moz-opacity: .1;
	-webkit-opacity: .1;
	opacity: .1;
}

/* focused and active form elements */
.skinned-form-controls2 input[type="radio"]:focus + span::before,
.skinned-form-controls2 input[type="radio"]:active + span::before
{
	outline: dotted 1px #ccc;
}

/* skin-specific sprite */

.skinned-form-controls2.skinned-form-controls-mac2 input[type="radio"] + span::before
{
	background-image: url(../images/sprite.png);
}
/*------------Coustomized Radio Styles Ends -------------*/





/*---Coustomized Checkbox Styles---*/
.skinned-form-check input[type="checkbox"]
{
	position: absolute;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 20px;
	height: 20px;
	margin-left:0;
	margin-top:0;	
}

/* prevent the entire page from scrolling if there is overflow and checkbox or checkbox button are clicked */
.skinned-form-check label
{
	position: relative;
}

/* fallback for IE6, IE7 and IE8 */
.skinned-form-check input[type="checkbox"]
{
	position: static/9;
}

.skinned-form-check input[type="checkbox"] + span
{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.skinned-form-check input[type="checkbox"]:checked + span {
    background-position: -0px -20px;
}

/* skin-specific sprite */

.skinned-form-check input[type="checkbox"] + span
{
	background:url(../images/chkbox_spritr.png) no-repeat 0 0;
}
/* New Checkbox Styles Ends*/





/*@media*/

@media only screen and (min-width: 100px) and (max-width: 480px) {
.container{width:100%;}
.AP_Text, .AP_textInput, .App_Text, .App_textInput, .AP_Text2, .AP_Text3, .AP_textInput2{width:100%; float:none;}
.AP_textInput3{width:40%;} 
.AP_textInput4{width:20%;} 
.AP_textInput5{width:30%;} 
.APradio {width: 50%;}
.select2 {width: 60%;}
.appdetails {min-height: 135px;}
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
.container{width:100%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.container{width:80%;}
}