﻿/*
*********************************Changed classes by ataur:[06-2011]
Change:
    .pageTitleArea .leftIcon 
	----------------Previous--------------------------   
    width: 22px;
    ----------------New--------------------------
    width: 24px;


*/
html
{
    overflow: auto;
}

body
{
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}


/*Master Page Start */




.divMasterContainer
{
    margin: 0 auto 0 auto;
    width: 100%;
}

.divMasterHeaderArea, .divMasterFooterArea, .divMasterBody
{
    float: left;
    width: 100%; /*position:relative;*/
    padding: 0;
}

.colHeaderLeftLogo, .colHeaderRightContent, .colHeaderMergeAll, .colFooterLeft, .colFooterMid, .colFooterRight, .bodyLeft, .bodyRight, .bodyMergeAll, .colFooterLeft50, .colFooterRight50, .colFooterMergeAll
{
    float: left; /*position:relative;*/
    padding: 0 0 0 0;
}


.divMasterHeaderFooterNewRow
{
    float: left;
    width: 100%; /*position:relative;*/
    padding: 0;
}

.divMasterHeaderFooter
{
    vertical-align: middle;
}
.divMasterHeaderFooter .colHeaderLeftLogo
{
    left: 0; /* width of the right column */
    width: 33%;
    text-align: left;
}

.divMasterHeaderFooter .colHeaderRightContent
{
    float: right;
    right: 0;
    width: 66%;
    text-align: right;
    display: block;
}

.divMasterHeaderFooter .colHeaderMergeAll
{
    right: 0;
    width: 100%;
}


.divMasterHeaderFooter .colFooterLeft
{
    left: 0; /* width of the right column */
    width: 33%;
    text-align: left;
}
.divMasterHeaderFooter .colFooterMid
{
    width: 33.98%; /* width of the right column */
    text-align: center;
}
.divMasterHeaderFooter .colFooterRight
{
    float: right;
    right: 0;
    width: 33%;
    text-align: right;
    display: block;
}



.divMasterHeaderFooter .colFooterLeft50
{
    left: 0;
    width: 49%;
    overflow: hidden; /*padding:5px 5px 5px 5px;*/
}
.divMasterHeaderFooter .colFooterRight50
{
    right: 0;
    width: 48%;
    float: right;
    text-align: right;
    overflow: hidden; /*padding:5px 5px 5px 5px;*/
}
.divMasterHeaderFooter .colFooterMergeAll
{
    right: 0;
    width: 100%;
}

.divMasterBody .bodyLeft
{
    float: left;
    width: 20%;
}
.divMasterBody .bodyRight
{
    float: right;
    right: 0;
    width: 80%;
}
.divMasterBody .bodyMergeAll
{
    position: static;
    width: 100%;
}
.colHeaderRightContent p
{
    margin: 0;
    padding-right: 5px;
    padding-bottom: 4px;
}
.companyName
{
    font-size: 12pt; /* font-weight: bold;*/
    padding-top: 4px;
    padding-bottom: 2px;
}
.userName
{
    font-size: 8pt; /*font-weight: bold;     */
}
.currentDate
{
    font-size: 8pt; /*font-weight: bold;         */
}
.logout
{
    font-size: 8pt;
    font-weight: bold;
    padding-bottom: 5px;
}
.colHeaderRightContent p a
{
    /*Header Link - Log Out-*/
    text-decoration: none;
}
.colHeaderRightContent p a:hover
{
    /*Header Link - Log Out-*/
    text-decoration: underline;
}
.colHeaderLeftLogo .companyLogo
{
    margin: 0 auto 0 auto;
    padding-left: 5px;
}
.colHeaderLeftLogo .imgCompanyLogo
{
    border: 0;
    padding-top: 3px; /*padding-bottom: 1px;*/
}

.colFooterRight50 a
{
    /*Footer Link*/
    text-decoration: none;
}
.colFooterRight50 a:hover
{
    /*Footer Link*/
    text-decoration: underline;
}

/*Master Page End */

/*Common Start*/

.toolbarContainer
{
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
}

.clearContainer
{
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    padding-top: 0px;
}

.contentContainer
{
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    padding-left: 0%;
    padding-top: 0px;
}

.gridContainer
{
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    padding-top: 0px;
}

.singleColumnCaption, .singleColumnControl, .singleColumnIcon, .singleColumnCaption20, .singleColumnControl20, .singleColumnIcon20, .singleColumnCaption30, .singleColumnControl30, .singleColumnIcon30, .singleColumnCaption70, .singleColumnControl70, .singleColumnIconWithoutHand, .doubleColumnOneCaption, .doubleColumnOneControl, .doubleColumnOneIcon, .doubleColumnOneIconWithoutHand, .doubleColumnTwoCaption, .doubleColumnTwoControl, .doubleColumnTwoIcon, .doubleColumnTwoIconWithoutHand, .doubleColumnMergeMid, .tripleColumnRight, .tripleColumnMiddle, .tripleColumnLeft, .singleColumnLeft5, .singleColumnLeft10, .singleColumnLeft20, .singleColumnLeft30, .singleColumnLeft35, .singleColumnLeft40, .singleColumnLeft50, .singleColumnLeft60, .singleColumnLeft65, .singleColumnLeft70, .singleColumnLeft80, .singleColumnLeft90, .singleColumnMsgIcon, .singleColumnMsg, .LeftRightDoubleCellLeft, .LeftRightDoubleCellRight, .colMergeAll
{
    float: left; /*position:relative;*/
    padding: 0 0 0 0;
}

.paddingAll5
{
    padding: 5px 5px 5px 5px;
}

.paddingAll0
{
    padding: 0px;
}
.paddingTop3
{
    padding-top: 3px;
}
.pageControl
{
    width: 100%;
}
.caption
{
    vertical-align: middle;
    text-align: right;
    padding-top: 3px;
    padding-right: 0px;
    direction: rtl;
    text-indent: 3px;
}
.vMiddle
{
    vertical-align: text-bottom;
}

.hide
{
    display: none;
}
.zIndexLevel0
{
    z-index: 10010;
}
.zIndexLevel1
{
    z-index: 10009;
}
.zIndexLevel2
{
    z-index: 10008;
}
.zIndexLevel3
{
    z-index: 10007;
}

/*Common End*/



/*Page Title Start*/
.pageTitleArea
{
    width: 100%;
}

/*.pageTitleArea .leftIcon
{
    float: left;
    width: 22px;
    height: 30px;
    background-repeat: no-repeat;
    cursor: hand;
}*/
.pageTitleArea .leftIcon
{
    float: left;
    width: 32px;
    height: 28px;
    margin-left: 3px;
    background-repeat: no-repeat;
    cursor: hand;
}
.pageTitleArea .rightArea
{
    height: 30px;
    background-repeat: repeat-x;
    overflow: hidden;
    vertical-align: middle;
    text-indent: 5px;
}
.rightArea .helpIcon
{
    float: right;
    height: 30px;
    width: 23px;
    background-repeat: no-repeat;
    cursor: hand;
}
.rightArea .pageTitle
{
    font-size: 13pt;
    font-weight: bold;
    padding-top: 3px;
}
/*Page Title End*/

.toolBarRow
{
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0; /*background-image:url('../Images/Menu/Background.gif'); */
}





/*Detail Page Start*/

.columnContainer
{
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
}

.newRow
{
    float: left;
    width: 100%;
    padding: 1px 0 1px 0;
}


/* Single Column start */


.singleColumnLayout
{
}

/*************************************************/

.singleColumnLayout .singleColumnCaption
{
    left: 0; /* width of the right column */
    width: 35%;
    vertical-align: middle;
    text-align: right;
    padding-top: 3px;
    padding-right: 0px;
    direction: rtl;
    text-indent: 3px;
}

.singleColumnLayout .singleColumnControl
{
    overflow: visible;
    width: 54%; /* width of the Mid column */
}

.singleColumnLayout .singleColumnIcon
{
    width: 10%; /* center column background colour */
    cursor: hand;
}

.singleColumnLayout .singleColumnIconWithoutHand
{
    width: 10%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnCaption20
{
    left: 0; /* width of the right column */
    width: 22%;
    vertical-align: middle;
    text-align: right;
    padding-top: 3px;
    padding-right: 0px;
    direction: rtl;
    text-indent: 3px;
}
.singleColumnLayout .singleColumnControl20
{
    overflow: visible;
    width: 69.5%; /* width of the Mid column */
}

.singleColumnLayout .singleColumnIcon20
{
    width: 8%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnCaption30
{
    left: 0; /* width of the right column */
    width: 27.5%;
    vertical-align: middle;
    text-align: right;
    padding-top: 3px;
    padding-right: 0px;
    direction: rtl;
    text-indent: 3px;
}
.singleColumnLayout .singleColumnControl30
{
    overflow: visible;
    width: 63.5%; /* width of the Mid column */
}

.singleColumnLayout .singleColumnIcon30
{
    width: 8%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/
.singleColumnLayout .singleColumnCaption70
{
    left: 0; /* width of the right column */
    width: 25%;
    vertical-align: middle;
    text-align: right;
    padding-top: 3px;
    padding-right: 0px;
    direction: rtl;
    text-indent: 3px;
}
.singleColumnLayout .singleColumnControl70
{
    overflow: visible;
    width: 73.5%; /* width of the Mid column */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnMsgIcon
{
    left: 0;
    width: 14%; /* center column background colour */
    text-align: center;
}
.singleColumnLayout .singleColumnMsg
{
    right: 0;
    width: 84.5%; /* center column background colour */
}

/*---------------------------------------------------*/

.singleColumnRight95, .singleColumnRight90, .singleColumnRight80, .singleColumnRight70, .singleColumnRight65, .singleColumnRight60, .singleColumnRight50, .singleColumnRight40, .singleColumnRight35, .singleColumnRight30, .singleColumnRight20, .singleColumnRight10
{
    float: right;
    padding: 0 0 0 0;
}


/*************************************************/

.singleColumnLayout .singleColumnLeft5
{
    left: 0;
    width: 4.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight95
{
    right: 0;
    width: 94.95%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnLeft10
{
    left: 0;
    width: 9.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight90
{
    right: 0;
    width: 89.95%; /* center column background colour */
}

/*---------------------------------------------------*/



/*************************************************/

.singleColumnLayout .singleColumnLeft20
{
    left: 0;
    width: 19.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight80
{
    right: 0;
    width: 79.95%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnLeft30
{
    left: 0;
    width: 29.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight70
{
    right: 0;
    width: 69.95%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnLeft35
{
    left: 0;
    width: 34.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight65
{
    right: 0;
    width: 64.95%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnLeft40
{
    left: 0;
    width: 39.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight60
{
    right: 0;
    width: 59.95%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnLeft50
{
    left: 0;
    width: 49.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight50
{
    right: 0;
    width: 49.95%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnLeft60
{
    left: 0;
    width: 59.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight40
{
    right: 0;
    width: 39.95%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnLeft65
{
    left: 0;
    width: 64.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight35
{
    right: 0;
    width: 34.95%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnLeft70
{
    left: 0;
    width: 69.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight30
{
    right: 0;
    width: 29.95%; /* center column background colour */
}

/*---------------------------------------------------*/


/*************************************************/

.singleColumnLayout .singleColumnLeft80
{
    left: 0;
    width: 79.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight20
{
    right: 0;
    width: 19.95%; /* center column background colour */
}

/*---------------------------------------------------*/

/*************************************************/

.singleColumnLayout .singleColumnLeft90
{
    left: 0;
    width: 89.95%; /* center column background colour */
}

.singleColumnLayout .singleColumnRight10
{
    right: 0;
    width: 9.95%; /* center column background colour */
}

/*---------------------------------------------------*/



/* Single Column End */

/**/
.LeftRightDoubleCell
{
}
.LeftRightDoubleCellLeft
{
    left: 0;
    width: 50%; /* width of the left left column */
    vertical-align: middle;
    text-align: right;
    padding-top: 3px;
    padding-right: 0px;
    direction: rtl;
    text-indent: 3px;
}
.LeftRightDoubleCellRigth
{
    right: 0;
    width: 50%; /* width of the right Left column */
    vertical-align: middle;
    text-align: right;
    padding-top: 3px;
    padding-right: 1px;
    direction: rtl;
    text-indent: 3px;
}
/**/

/*Double Column Start */

.doubleColumnLayout
{
}

.doubleColumnLayout .doubleColumnOneCaption
{
    left: 0;
    width: 17.15%; /* width of the left left column */
    vertical-align: middle;
    text-align: right;
    padding-top: 3px;
    padding-right: 0px;
    direction: rtl;
    text-indent: 3px;
}

.doubleColumnLayout .doubleColumnOneControl
{
    width: 26.35%; /* width of the left Mid column */
}
.doubleColumnLayout .doubleColumnOneIcon
{
    right: 0;
    width: 6.50%; /* width of the left Right column */
    cursor: hand;
}
.doubleColumnLayout .doubleColumnOneIconWithoutHand
{
    right: 0;
    width: 6.50%; /* width of the left Right column */
}
.doubleColumnLayout .doubleColumnTwoCaption
{
    width: 17.15%; /* width of the right Left column */
    vertical-align: middle;
    text-align: right;
    padding-top: 3px;
    padding-right: 0px;
    direction: rtl;
    text-indent: 3px;
}

.doubleColumnLayout .doubleColumnTwoControl
{
    width: 26.35%; /* width of the right Mid column */
}
.doubleColumnLayout .doubleColumnTwoIcon
{
    width: 5.90%; /* width of the right right column */
    cursor: hand;
}
.doubleColumnLayout .doubleColumnTwoIconWithoutHand
{
    width: 5.90%; /* width of the right right column */
}

.doubleColumnLayout .doubleColumnMergeMid
{
    width: 76.35%; /* width of the right right column */
}

.doubleColumnLayout .left-DirectedText
{
    direction: ltr;
    padding-right: 3px;
}

/*Double Column Start */

/*Triple COlumn Start */

.triplColumnLayout
{
}

.triplColumnLayout .tripleColumnLeft
{
    left: 0;
    width: 33%;
    vertical-align: middle;
    text-align: right;
    padding-top: 3px;
    padding-right: 0px;
    direction: rtl;
    text-indent: 3px;
}

.triplColumnLayout .tripleColumnMiddle
{
    width: 33%;
    left: 0;
    vertical-align: middle;
    text-align: center;
    padding-top: 3px;
    padding-left: 0px;
    padding-right: 0px;
    direction: ltr;
    text-indent: 3px;
}

.triplColumnLayout .tripleColumnRight
{
    left: 0;
    width: 33%;
    vertical-align: middle;
    text-align: left;
    padding-top: 3px;
    padding-left: 0px;
    direction: ltr;
    text-indent: 3px;
}




/*Triple Column End*/


/* Detail Page End*/


/*Login Page Start*/

a.loginPageLink
{
    color: #6e6f74;
    text-decoration: underline;
}

/*Login Page End*/

/**/

.HyperlinkedLabel
{
    cursor: hand;
}

/**/

.SurveyGrouptitle
{
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    color: White; /*#6a8a9b;*/
    border-bottom: solid 1px #CCCCCC;
    margin: 0px;
    padding: 5px 0px 5px 2px;
    height: 22px;
    text-decoration: none;
}
.SurveyIntroduction
{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: Black; /*#6a8a9b;*/
    border-bottom: solid 1px #CCCCCC;
    margin: 0px;
    padding: 5px 0px 5px 2px; /* height: 22px;*/
    text-decoration: none;
}
.tr-SurveyGrouptitle
{
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    color: White; /*#6a8a9b;*/
    border-bottom: solid 1px #CCCCCC;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    height: 22px;
    text-decoration: none;
    background-color: #737CA1;
}

.td-title
{
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #6a8a9b;
    border-bottom: solid 1px #CCCCCC;
    margin: 0px;
    padding: 5px 0px 5px 2px;
    height: 22px;
    text-decoration: none;
    cursor: pointer;
}

.td-title-customcategory
{
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #6a8a9b;
    border-bottom: solid 1px #CCCCCC;
    margin: 0px;
    padding: 5px 0px 5px 2px;
    height: 22px;
    text-decoration: none; /*cursor: pointer;*/
}

.td-title2
{
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: Black;
    border-bottom: solid 1px #CCCCCC;
    margin: 0px;
    padding: 5px 0px 5px 2px;
    height: 22px;
}

.td-DrawLine
{
    font-size: 5px;
    font-weight: bold;
    text-align: left;
    color: #6a8a9b;
    border-bottom: solid 1px #cccccc;
    margin: 0px;
    padding: 1px 0px 1px 2px;
    height: 1px;
}

.td-height8
{
    height: 8px;
}

.td-height90
{
    height: 90px;
}

.CustomCategorySingleColumnMsgIconLeft
{
    clear: both;
    float: left;
    width: 100%;
    left: 0;
    width: 14%; /* center column background colour */
    text-align: center;
    padding-top: 5px;
    padding-left: 10px;
}

.CustomCategorysingleColumnMsgIconRight
{
    clear: both;
    float: left;
    width: 100%;
    left: 0;
    width: 14%; /* center column background colour */
    text-align: center;
    padding-top: 5px;
    padding-right: 10px;
}

.CustomCategorySingleColumnMsgIconLeft img, .CustomCategorysingleColumnMsgIconRight img
{
    border: none;
}

.CustomCategorysingleColumnMsg
{
    float: left; /*position:relative;*/
    right: 0;
    padding-left: 5px;
    width: 75%;
}

.lbl-Control
{
    padding-top: 3px;
}

.float-Left
{
    float: left;
}

.float-Right
{
    float: right;
}

.centered-Text
{
    text-align: center;
}

.bold-Text
{
    font-weight: bold;
}

.left-Aligned-Text
{
    text-align: left;
}


.right-Aligned-Text
{
    text-align: right;
}
.visitedLink
{
}
.float-Left lbl-Control a:visited
{
    text-decoration: none;
}

/*Added by Hasan on date of 11-08-11 for*/
a.myHyperlink:visited
{
    /*color:green;*/
    text-decoration: none;
}
/*Added by Sayem on date of 21-09-11 for*/
a.myHyperlink:hover
{
    color: #1e6e97;
    text-decoration: none;
}
.transparent
{
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
