/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............You’re reading it!
 * RESET...............See bootstrap.min.css
 * FONT-FACE...........Font family names
 * ELEMENTS............Extensions of bootstrap styles on basic tags
 * LOGIN...............Login Page styles
 * LAYOUT..............Template layout/structure
 * CONTENT.............Styles for content
 * IE8UNDER............IE8 & Under warning
 * RESPONSIVE..........Responsive styles, mobile first
 */
 
/*------------------------------------*\
    $FONT-FACE - Open Sans
    font-family define in bootstrap
    normal weight: 400
    light weight: 300
    bold weight: 700
\*------------------------------------*/





/*------------------------------------*\
    $ELEMENTS
\*------------------------------------*/
body { background-color: #343434; }
strong { font-weight: 700; }
em { font-style: italic; }
fieldset { padding: 15px 0; }




/*------------------------------------*\
    $LOGIN
\*------------------------------------*/
.login .breadcrumb { display: none; }





/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
.navbar-default {
    margin: 0;
    background-color: #fe7901;
    border: none;
}
.navbar-default h1 {
    margin-top: 15px;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: -.05em;
}
.navbar-default .navbar-text {
    margin-top: 25px;
    color: #333333;
}
.navbar-default .navbar-link { color: #ffffff; }
.logo { padding: 25px 0; }

.main-container { background-color: #ffffff; }

footer p {
    line-height: 60px;
    color: #ffffff;
}


/*------------------------------------*\
    $CONTENT
\*------------------------------------*/




.list-group-item span { display: block; }
.social a {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    text-indent: -9999px;
    overflow: hidden;
}
    .social a:hover { opacity: .5; }
    a.li { background: url(../images/icons/li.png); }
    a.fb { background:url(../images/icons/fb.png); }
    a.tw { background:url(../images/icons/tw.png); }
    a.rss { background:url(../images/icons/rss.png); }
    a.plus { background:url(../images/icons/plus.png); }

.radio-horizontal input { display: inline-block; }
.radio-horizontal label {
    display: inline-block;
    padding: 0 15px 0 5px;
}

.label-hidden { padding-top: 10px; }
.label-hidden label { display: none; }

.navbar-buttons {
    padding: 15px 15px 10px;
    background-color: #efefef;
}

label.required {
    color: #900;
    font-weight: 700;
}
input.required, select.required, textarea.required { border-color: #900; }
.RadGrid_Default { border: 0px none !important; margin-top: 20px; margin-bottom: 20px; outline: none; clear: both; }
		.RadGrid_Default ul { list-style-type: none; margin: 0; padding: 0; }
			.RadGrid_Default ul li { padding-bottom: 10px; }
		.RadGrid_Default th.rgHeader, .RadGrid_Default tr.head td { background: #ff7900 none; color: #fff; font-weight: bold; font-size: 14px; border: 0px none; padding: 5px; }
			.RadGrid_Default th.rgHeader a, .RadGrid_Default tr.head a { font-weight: normal; text-decoration: underline; color: #fff; }
		.RadGrid_Default .rgRow td, .RadGrid_Default td { padding: 5px; font-family: 'Open Sans', sans-serif !important; }
			
		.RadGrid_Default .rgFooter td { border-top: 1px dotted #aaa !important; }
			.RadGrid_Default .rgFooterDiv, .RadGrid_Default .rgFooter { background-color: transparent !important; }
		.RadGrid_Default .rgAltRow td { background: #eee; }
		.RadGrid_Default .rgHoveredRow td { background-image: none; background-color: #ddd; border-bottom-color: #ddd !important; cursor: pointer; }

.rcbLabel {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 14px !important;
    line-height: 1.42857 !important;
}





/*------------------------------------*\
    $IE8UNDER
\*------------------------------------*/
.ie8under {
    display: none;
}

.ie8 .ie8under, .ie7 .ie8under, .ie6 .ie8under {
    display: block;
}

.ie8under p {
    padding: 20px;
    background-color: #FFD9D9;
    border: 5px solid #FF9396;
    margin-top: 15px;
    font-size: 12px;
}

    .ie8under p a {
        color: #C00;
    }

        .ie8under p a:hover {
            color: #090;
        }

.ie8under strong {
    font-size: 14px;
}




/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/  
@media only screen and (min-width: 480px) {

}
@media only screen and (min-width: 600px) {

}
@media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 980px) {

}
@media only screen and (min-width: 1200px) {

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 2x =================================================== */
}