/***********************************************************************
Corporate Branding Styles for the Mobile templates
************************************************************************/


/*---------------------------------------------*/
/* Corporate End-User Computing color for text */
/*---------------------------------------------*/
.teal_1
{
	color: rgb(62, 105, 120); /* #3E6978 */
}
.teal_2
{
	color: rgb(89, 130, 143); /* #59828F */
}
.teal_3
{
	color: rgb(129, 178, 189); /* #81B2BD */
}
.teal_4
{
	color: rgb(171, 206, 209); /* #ABCED1 */
}
.teal_5
{
	color: rgb(235, 245, 245); /* #EBF5F5 */
}


/*---------------------------------------------------*/
/* Corporate End-User Computing color for background */
/*---------------------------------------------------*/
.teal_bg_1
{
	background-color: rgb(62, 105, 120); /* #3E6978 */
	border: 1px solid rgb(62, 105, 120); /* #3E6978 */
}

.teal_bg_2
{
	background-color: rgb(89, 130, 143); /* #59828F */
	border: 1px solid rgb(89, 130, 143); /* #59828F */
}

.teal_bg_3
{
	background-color: rgb(129, 178, 189); /* #81B2BD */
	border: 1px solid rgb(129, 178, 189); /* #81B2BD */
}

.teal_bg_4
{
	background-color: rgb(171, 206, 209); /* #ABCED1 */
	border: 1px solid rgb(171, 206, 209); /* #ABCED1 */
}

.teal_bg_5
{
	background-color: rgb(235, 245, 245); /* #EBF5F5 */
	border: 1px solid rgb(235, 245, 245); /* #EBF5F5 */
}

.tealblend
{
	background-color: rgb(129, 178, 189); /* Old Browsers */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(129, 178, 189)), to(rgb(89, 130, 143)));
	background: -moz-linear-gradient(0% 0% 270deg, rgb(129, 178, 189), rgb(89, 130, 143), rgb(89, 130, 143) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(129, 178, 189)', endColorstr='rgb(89, 130, 143)');
}

/*----------------------------*/
/* Gray colors as text colors */
/*----------------------------*/
.gray_1
{
	color: rgb(31, 31, 31); /* #1F1F1F */
}

.gray_2
{
	color: rgb(53, 56, 56); /* #353838 */
}

.gray_3
{
	color: rgb(80, 83, 84); /* #505354 */
}

.gray_4
{
	color: rgb(148, 148, 148); /* #949494 */
}
.gray_5
{
	color: rgb(184, 184, 184); /* #B8B8B8 */
}

.gray_6
{
	color: rgb(196, 196, 196); /* #C4C4C4 */
}

.gray_7
{
	color: rgb(204, 204, 204); /* #CCCCCC */
}

.gray_8
{
	color: rgb(224, 224, 224); /* #E0E0E0 */
}

.gray_9
{
	color: rgb(237, 237, 237); /* #EDEDED */
}

.gray_10
{
	color: rgb(250, 250, 250); /* #FAFAFA */
}

.gray_11
{
	color: rgb(101, 104, 105); /* #656869 */
}

/*----------------------------------*/
/* Gray colors as background colors */
/*----------------------------------*/
.gray_bg_1
{
	background-color: rgb(31, 31, 31); /* #1F1F1F */
}

.gray_bg_2
{
	background-color: rgb(53, 56, 56); /* #353838 */
}

.gray_bg_3
{
	background-color: rgb(80, 83, 84); /* #505354 */
}

.gray_bg_4
{
	background-color: rgb(148, 148, 148); /* #949494 */
}

.gray_bg_5
{
	background-color: rgb(184, 184, 184); /* #B8B8B8 */
}

.gray_bg_6
{
	background-color: rgb(196, 196, 196); /* #C4C4C4 */
}

.gray_bg_7
{
	background-color: rgb(204, 204, 204); /* #CCCCCC */
}

.gray_bg_8
{
	background-color: rgb(224, 224, 224); /* #E0E0E0 */
}

.gray_bg_9
{
	background-color: #EDEDED; /*rgb(237, 237, 237); /* #EDEDED */
}

.gray_bg_10
{
	background-color: rgb(250, 250, 250); /* #FAFAFA */
}

.gray_bg_11
{
	background-color: #EBEBEB; 
}

.blue_bg_primary
{
	background-color: rgb(34, 46, 97);
}

/*--------------------------------------------*/
/* Gray Blends for gradient background colors */
/*--------------------------------------------*/
.grayblend_1
{
	background-color: rgb(31, 31, 31); /* Old Browsers */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(31, 31, 31)), to(rgb(54, 56, 56)));
	background: -moz-linear-gradient( top, rgb(31, 31, 31), rgb(51, 51, 51), rgb(51, 51, 51) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F1F1F', endColorstr='#353838');
}

.grayblend_2
{
	background-color: #4A4E50; /* Old Browsers */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4B5052), to(#3A403E), color-stop(0.2, #3A3E40));
	background: -moz-linear-gradient(0% 0% 270deg, #4B5052, #3A3E40, #3A3E40 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B5052', endColorstr='#3A3E40');
}

.grayblend_3
{
	background-color: rgb(115, 119, 116); /* Old Browsers */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(115, 119, 116)), to(rgb(75, 79, 82)));
	background: -moz-linear-gradient(0% 0% 270deg, rgb(115, 119, 116), rgb(75, 79, 82), rgb(75, 79, 82) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#rgb(115, 119, 116)', endColorstr='#rgb(75, 79, 82)');
}

.grayblend_4
{
	background-color: rgb(147, 148, 147); /* Old Browsers */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(147, 148, 147)), to(rgb(127, 128, 127)));
	background: -moz-linear-gradient(0% 0% 270deg, rgb(147, 148, 147), rgb(127, 128, 127), rgb(127, 128, 127) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(147, 148, 147)', endColorstr='rgb(127, 128, 127)');
}

.grayblend_5
{
	background-color: rgb(179, 179, 179); /* Old Browsers */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(179, 179, 179)), to(rgb(165, 165, 165)));
	background: -moz-linear-gradient(0% 0% 270deg, rgb(179, 179, 179), rgb(165, 165, 165), rgb(165, 165, 165) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(179, 179, 179)', endColorstr='rgb(165, 165, 165)');
}

.grayblend_6
{
	background-color: rgb(176, 176, 176); /* Old Browsers */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(176, 176, 176)), to(rgb(209, 209, 209)));
	background: -moz-linear-gradient(0% 0% 270deg, rgb(176, 176, 176), rgb(209, 209, 209), rgb(209, 209, 209) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(176, 176, 176)', endColorstr='rgb(209, 209, 209)');
}

.grayblend_7
{
	background-color: rgb(235, 235, 235); /* Old Browsers */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(235, 235, 235)), to(rgb(246, 246, 246)));
	background: -moz-linear-gradient(0% 0% 270deg, rgb(235, 235, 235), rgb(246, 246, 246), rgb(246, 246, 246) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(235, 235, 235)', endColorstr='rgb(246, 246, 246)');
}

.grayblend_8
{
	background-color: rgb(209, 209, 209); /* Old Browsers */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(209, 209, 209)), to(rgb(255, 255, 255)));
	background: -moz-linear-gradient(0% 0% 270deg, rgb(209, 209, 209), rgb(255, 255, 255), rgb(255, 255, 255) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(209, 209, 209)', endColorstr='rgb(255, 255, 255)');
}

/*--------------------------------------------*/
/* Common gradient background colors          */
/*--------------------------------------------*/
.toolbarBG
{
	background-color: #E0E0E0;
}

.toolbarText
{
	color: #135C8F;
	font-size: 14px;
}

.radius3
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.radius5
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.radius10
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.noTopLeftRadius
{
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.noTopRightRadius
{
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.noBottomLeftRadius
{
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.noBottomRightRadius
{
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/*Branding for help and about popUps */
.mainContainer
{
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    margin: 2px;
    position: absolute;  
    z-index: 100;
    width:500px;
}

.helpContainer
{
    min-height: 220px;
    padding: 3px 18px;
    width: 480px;
}


.aboutContainer
{
    min-height: 330px;
    padding: 0px 26px;

}

.textContainer, .textContainerArabic{
        position:absolute;
        top: 25px;
        color: #FFFFFF;
        font-family: Arial;
        font-size: 17px;
        font-style: normal;
        width: 250px;
        position:absolute;
}

.helpDeskMessage{        
        color: #FFFFFF;
        font-family: Arial;
        font-size: 17px;
        font-style: normal;
}

.helpContainer .textContainer{
        left:245px;
        top: 98px;
}
.helpContainer .textContainerArabic{
        left:30px;
}
.aboutContainer .textContainer{
        left:270px;
        top: 45px;

}

.versionText{position:relative;}

.helpContainer .versionText
{
	top: 10px;
	left: 5px;
}

.aboutContainer .versionText{top: 100px;}

.popUpTitle
{
    margin-left:12px !important;
}

/*---------------------------------------------*/
/* Error message when debug is enabled		   */
/*---------------------------------------------*/
div.blankOut
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px;
	overflow: auto;
	background-color: white;
	z-index: 1000;
}