/* Presentational ans Color specific css */

body {
    font-size: 12px;
    color: #323a45;
}

body.width {
    width: 1000px;
}

/* Masterpage Related */

.applyBackground {
    background-color:#ffffff;
    border-radius: 4px;
    overflow: hidden;
}

.itDescription {
    clear: both; 
    font-weight: 700;
}

.itPrimarySubDescription {
    float: left;
    font-style: italic;
}

.itSecondarySubDescription {
    float: right;
    font-style: italic;
}

/* Info Box  */
div.ErrorBox, 
div.InfoBox, 
div.SuccessBox {
    border: none;
    color: #323A45;
    border-radius: 6px;
    font-weight: bold;
    min-height: 24px;
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
}

div.ErrorBox .title,
div.InfoBox .title, 
div.SuccessBox .title {
    font-size: 14px;
}

/* Header Specific */
div.header .headerLogout {
    background-color: #0095DB;
}

div.clientContainer, div.buttonSubmit {
    background-color: rgb(3, 52, 77);
}

div.header .headerTop {
    background-color: #ffffff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #3b3b3b;
    border-bottom: solid 1px #b1b1b1;
    border-left: solid 1px #b1b1b1;
    border-right: solid 1px #b1b1b1;
    margin-bottom: 10px;
}

div.header .headerTop.fullBorder {
    border-radius: 8px;
    border: solid 1px #b1b1b1;
}

div.header .link {
    display: block;
    width: 90px;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 14px;
    color: #ffffff;
}

/* Page Content */

.pageHeading {
    color: #ffffff;
    font-size: 40px;
}

.footer {
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: solid 1px #b1b1b1;
    border-bottom: none;
}

div.footer .linksLeft a, div.footer .linksLeft a:visited {
    margin-left: 20px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 12px;
    color: #434a54;
    font-weight: 600;
}

/* Commonly used attributes */

.filterTemplate,
.buttonTemplate, 
.borderTemplate {
    text-align: center;
    font-size: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: solid 1px #b1b1b1;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 8px;
    color: #323A45;
}

.buttonTemplate .RadButton {
    margin-left: 14px;
    margin-right: 14px;
}

.buttonTemplate.noBackground {
    border: none;
    background: none;
}

.errorText {
    color: red;
    font-weight: bold;
}

/* Aborts style */
.tabPanelContentPadded {
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #666666;
    padding: 4px;
}

/* tabContent Style in Various pages */
.tabContent {
	border: solid 1px #828282;
	border-top-style: none;
	padding: 4px;
    background: #ffffff;
    color: black;
}

div.centerText {
    text-align: center;
}

 /*=========================================================
 * Facebook Style Loader Bar
 * ========================================================*/
.portalLoader div {
    height: 20px;
    width: 9px;
    display: inline-block;
    background-color: #56bbdb;
    border: 1px solid #217c99;
    -webkit-animation: portalLoader_loader 1.3s linear infinite;
    -moz-animation: portalLoader_loader 1.3s linear infinite;
    animation: portalLoader_loader 1.3s linear infinite;
    -webkit-transform: scale(0.91);
    -moz-transform: scale(0.91);
    transform: scale(0.91);
}

.portalLoader div:nth-child(1){
    -webkit-animation-delay:0.39s;
    -moz-animation-delay:0.39s;
    animation-delay:0.39s;
}
.portalLoader div:nth-child(2){
    -webkit-animation-delay:0.52s;
    -moz-animation-delay:0.52s;
    animation-delay:0.52s;
}
.portalLoader div:nth-child(3){
    -webkit-animation-delay:0.65s;
    -moz-animation-delay:0.65s;
    animation-delay:0.65s;
}

@-webkit-keyframes portalLoader_loader{
    0%{
            -webkit-transform:scale(1.2);
            opacity:1
        }
    100%{
            -webkit-transform:scale(0.7);
            opacity:0.1
        }
}
@-moz-keyframes portalLoader_loader{
    0%{
            -moz-transform:scale(1.2);
            opacity:1
        }
    100%{
            -moz-transform:scale(0.7);
            opacity:0.1
        }
}
@keyframes portalLoader_loader{
    0%{
            transform:scale(1.2);
            opacity:1
        }
    100%{
            transform:scale(0.7);
            opacity:0.1
        }
}