/* 
 *	Name: Responsive layout;
 *	Author: Andor Nagy;
 *	Website : andornagy.com;
 *	
------------------------------------------
 * 
 *	Responsive Layout is lightweight css and html layout 
 *	that can help you kickstart your website development.
 *
 *	You are free to use this framework for you own projects
 *	and for client works. Credit is always welcome.
 *
 *	DO NOT sell it as your own work.
 *  
--------------------------------------------- */



/* General Styles
--------------------------------------------- */

body
{
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    
}

.loggtext
 {
 	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #4e4e4e;
    padding-left:10px;
   
}

.wrapperreg
{ width:95%;
  border:1px solid #bcb8ad;
  background-color:#f5f5f5;
  margin-bottom:10px;
}

.leftheader
{ width:100%;
  height:24px;
  background-color:#999999;
  float:left;
  margin-left:1px;
  margin-top:1px;
  padding-left:2px;
  margin-right:3px;
}

.rightheader
{ width:100%;
  height:24px;
 background-color:#e0261a;
 float:left;
 margin-right:1px;
 margin-top:1px;
  padding-left:2px
}

.leftcols
{ width:49.8%;
   float:left;
  margin-left:1px;
  margin-top:1px;
}

.rightcols
{ width:49.9%;
 float:right;
margin-right:1px;
margin-top:1px;
}

.contentarea
    {
        padding-left:20px;
    }



/* Helper Classes
--------------------------------------------- */

.clearfix
{
    display: block;
    clear: both;
}


/* Typography
--------------------------------------------- */

body
{
    font-family: Trebuchet MS;
    font-size: 100%;
    /*font-size:18px;*/
    line-height: 22px; /*32px*/
    color: #333;
    word-wrap: break-word !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

p
{
    margin: 0 0 24px;
    margin: 0 0 2.4rem;
    padding: 0;
}


/* Links
--------------------------------------------- */

a
{
    text-decoration: none;
    color: #FF5722;
}

    a:hover
    {
        text-decoration: underline;
        color: #E64A19;
    }



/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6
{
    color: #333;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 700;
    line-height: 1.2;
    /*margin: 0 0 16px;*/
}

h1
{
    font-size: 40px;
}

h2
{
    font-size: 30px;
}

h3
{
    font-size: 24px;
}

h4
{
    font-size: 20px;
}

h5
{
    font-size: 18px;
}

h6
{
    font-size: 16px;
}



/* Sections
--------------------------------------------- */

#container
{
    margin: 0 auto;
    max-width: 1000px;
}


.ValidField
{
    background: url('../images/webimages/ValidIco.png') no-repeat right;
}

.InValidField
{
    background: url('../images/webimages/InvalidIco.png') no-repeat right;
}

/* Header
--------------------------------------------- */

header
{
    width: 98%;
    padding-top: 1%;
    padding-left: 2%;
    background-color: #a62906;
    background-image: url('../images/masterimages/top_bg.gif');
    background-repeat: no-repeat;
    background-position: right;
}

    header #title
    {
        font-size: 50px;
        color: #fff;
    }



/* Navigation
--------------------------------------------- */

nav
{
    width: 97%;
    color: #993300;
    background: #A40000 url('../images/masterimages/Mnubg.gif') repeat-x;
    /*background-color: #E64A19;*/
    padding: 0 1.5% 0 1.5%;
    font-size: 0.7em;
}

    nav ul li
    {
        display: inline-block;
        /*padding: 10px 1.5% 15px 1.5% ;*/
        padding: 0 1.5% 0 1.5%;
    }

        nav ul li a
        {
            text-decoration: none;
            color: #993300;
            font-size: 1.2em;
        }

            nav ul li a:hover
            {
                color: #000000;
                text-decoration: none;
            }

        nav ul li ul
        {
            text-decoration: none;
            background: none;
            font-size: 0.7em;
            color: #993300;
            display: inline-block;
        }

/* Content
--------------------------------------------- */

#content
{
    float: left;
    padding: 3%;
    width: 64%;
}

/*Section Location
-----------------------------------------------*/

#SectLocation
{
    float: left;
    padding: 3% 0 0 3%;
    width: 40%;
}

/*Sidebar Location
---------------------------------------------*/
#LocationSidebar
{
    background-color: Transparent;
    padding: 3%;
    /*float:left;*/
    /*height:300px;
    width :500px;*/
}

/*Location Map div
---------------------------------------------*/
.divMap
{
    height: 300px;
    width: 500px;
}

/* Sidebar
--------------------------------------------- */

aside
{
    float: right;
    padding: 3%;
    width: 50%; /*24%;*/
    background-color: #eee;
}



/* Footer
--------------------------------------------- */

footer
{
    font-family: Trebuchet MS;
    font-size: 12px;
    background-image: url('../images/masterimages/foot_bg.gif');
    background-repeat: repeat-x;
    width: 99%;
    padding-left: 2%;
    border-bottom: solid 2px #ce302f;
    /*background-color: #FF5722;
	border-top: 5px solid #E64A19;*/
    color: #fff;
    text-align: left;
    max-height: 32px;
    line-height: 32px;
    height:32px;
}

#footerlinks
{
    float: right;
    padding-right: 2%;
    top: 0px;
}

    #footerlinks a
    {
        margin-top: 0px;
        display: inline-block;
        padding-right: 1.2em;
        text-decoration: none;
        color: #fff;
    }

        #footerlinks a:after
        {
            /*display:inline-block;*/
            content: url('../images/webimages/home_31.gif');
            font-size: 0;
            line-height: 0;
            position: absolute;
            overflow: hidden;
        }

        #footerlinks a:last-child:after
        {
            content: '';
        }

/*About Us article
---------------------------------------------*/
#artAbout
{
    padding: 3.8% 0 2% 3%;
    z-index: 1000;
}


/*TextBody Style
-------------------------------------------*/

.DescriptionText
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #4e4e4e;
    padding-left: 3px;
    vertical-align: top;
}


.DescriptionTextBold
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #4e4e4e;
    padding-left: 3px;
    vertical-align: top;
    padding-left: 0px;
    font-weight: bold;
}

.TabNameLogInTNA
{
    font-weight: bold;
    font-size: 10pt;
    color: #666666;
    font-family: Trebuchet MS;
    text-align: left;
}

/*Message label
---------------------------------------------*/

.MessageLabel
{
    color: Red;
    text-align: left center;
    width: 100%;
    animation: blinker 1s linear infinite;
}

@keyframes blinker
{
    50%
    {
        opacity: 0.0;
    }
}




/*List style
----------------------------------------------*/
#ol
{
    padding-left: 4%;
    list-style-type: decimal;
}

#ul
{
    padding-left: 4%;
    list-style-type: disc;
    color: #4e4e4e;
}



/* Multiple background 
---------------------------------------------*/

#MultipleBackground
{
    max-width: 100%;
    min-width: 50%;
    display: inline-block;
    background-image: url('../images/webimages/icon_abt.gif'),url('../images/webimages/left_bg.gif'), url('../images/webimages/cent_bg .gif');
    background-position: 2% top, left top,left center;
    background-repeat: no-repeat,no-repeat,no-repeat;
    height: auto;
    min-height: 44px;
    padding-left: 4%;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    color: #c21b00;
    line-height: 32px;
}

#MultipleBackgroundBenefit
{
    max-width: 100%;
    min-width: 50%;
    display: inline-block;
    background-image: url('../images/webimages/icon_benefits.gif'),url('../images/webimages/left_bg.gif'), url('../images/webimages/cent_bg .gif');
    background-position: 2% top, left top,left center;
    background-repeat: no-repeat,no-repeat,no-repeat;
    height: auto;
    min-height: 44px;
    padding-left: 4%;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    color: #c21b00;
    line-height: 32px;
}

#MultipleBackgroundROI
{
    max-width: 100%;
    min-width: 50%;
    display: inline-block;
    background-image: url('../images/webimages/icon_Determining-ROI.gif'),url('../images/webimages/left_bg.gif'), url('../images/webimages/cent_bg .gif');
    background-position: 2% top, left top,left center;
    background-repeat: no-repeat,no-repeat,no-repeat;
    height: auto;
    min-height: 44px;
    padding-left: 4%;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    color: #c21b00;
    line-height: 32px;
}

#MultipleBackgroundTest
{
    max-width: 100%;
    min-width: 50%;
    display: inline-block;
    background-image: url('../images/webimages/icon_Proctored-Versus.gif'),url('../images/webimages/left_bg.gif'), url('../images/webimages/cent_bg .gif');
    background-position: 2% top, left top,left center;
    background-repeat: no-repeat,no-repeat,no-repeat;
    height: auto;
    min-height: 44px;
    padding-left: 4%;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    color: #c21b00;
    line-height: 32px;
}

#MultipleBackgroundAssess
{
    max-width: 100%;
    min-width: 50%;
    display: inline-block;
    background-image: url('../images/webimages/icon_assessment.gif'),url('../images/webimages/left_bg.gif'), url('../images/webimages/cent_bg .gif');
    background-position: 2% top, left top,left center;
    background-repeat: no-repeat,no-repeat,no-repeat;
    height: auto;
    min-height: 44px;
    padding-left: 4%;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    color: #c21b00;
    line-height: 32px;
}

#MultipleBackgroundJoinUs
{
    max-width: 100%;
    min-width: 50%;
    display: inline-block;
    background-image: url('../images/webimages/icon_Join-Us.gif'),url('../images/webimages/left_bg.gif'), url('../images/webimages/cent_bg .gif');
    background-position: 2% top, left top,left center;
    background-repeat: no-repeat,no-repeat,no-repeat;
    height: auto;
    min-height: 44px;
    padding-left: 4%;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    color: #c21b00;
    line-height: 32px;
}

#MultipleBackgroundLocation
{
    max-width: 100%;
    min-width: 50%;
    display: inline-block;
    background-image: url('../images/webimages/icon_Location-Map.gif'),url('../images/webimages/left_bg.gif'), url('../images/webimages/cent_bg .gif');
    background-position: 2% top, left top,left center;
    background-repeat: no-repeat,no-repeat,no-repeat;
    height: auto;
    min-height: 44px;
    padding-left: 4%;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    color: #c21b00;
    line-height: 32px;
}

#MultipleBackgroundReqInfo
{
    max-width: 100%;
    min-width: 50%;
    display: inline-block;
    background-image: url('../images/webimages/icon_Request-Information.gif'),url('../images/webimages/left_bg.gif'), url('../images/webimages/cent_bg .gif');
    background-position: 2% top, left top,left center;
    background-repeat: no-repeat,no-repeat,no-repeat;
    height: auto;
    min-height: 44px;
    padding-left: 4%;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    color: #c21b00;
    line-height: 32px;
}

#MultipleBackgroundConLogin
{
    max-width: 100%;
    min-width: 50%;
    display: inline-block;
    background-image: url('../images/webimages/FurnishQstn.gif'),url('../images/webimages/left_bg.gif'), url('../images/webimages/cent_bg .gif');
    background-position: 2% top, left top,left center;
    background-repeat: no-repeat,no-repeat,no-repeat;
    height: auto;
    min-height: 44px;
    padding-left: 4%;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    color: #c21b00;
    line-height: 32px;
}


/*Form  elements style
-----------------------------------------------*/
.dvLogin
{
    margin-left: 35%;
}

.SignIn
{
    background-image: url( '../images/masterimages/signin.gif' );
    background-repeat: no-repeat;
    height: 19px;
    width: 77px;
}

.dvMain *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*padding-left:20px;*/
}

.dvMain > div
{
    overflow: hidden;
    padding: 1px;
    margin: 0 0 10px 0;
    padding-left: 20px;
}

    .dvMain > div > label, legend
    {
        font-weight: bold;
        font-size: 9pt;
        font-family: Trebuchet MS;
    }

    .dvMain > div > fieldset > div > div
    {
        margin: 0 0 5px 0;
    }

    .dvMain > div > fieldset label
    {
        font-size: 90%;
    }

.dvMain fieldset
{
    border: 0;
    padding: 0;
}

input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], select
{
    border-right: #D2BABA 1pt solid;
    border-top: #D2BABA 1pt solid;
    border-left: #D2BABA 1pt solid;
    border-bottom: #D2BABA 1pt solid;
    background-color: #FFFFFF;
    font-size: 9pt;
    height: 20px; /*17px;*/
    font-family: Trebuchet MS;
    width: 95%; /*100%;*/
    border-color: #bfbfbf;
    padding-left: 0px;
}

textarea
{
    border-right: #D2BABA 1pt solid;
    border-top: #D2BABA 1pt solid;
    border-left: #D2BABA 1pt solid;
    border-bottom: #D2BABA 1pt solid;
    background-color: #FFFFFF;
    font-size: 9pt;
    height: 50px;
    font-family: Trebuchet MS;
    width: 95%; /*100%;*/
    border-color: #bfbfbf;
    padding-left: 0px;
}

    input[type=text]:focus, input[type=email]:focus, input[type=tel], input[type=url]:focus, input[type=password]:focus, textarea:focus
    {
        outline: 0;
        border-color: #4697e4;
    }

.dvMain > div > div > input[type=submit], input[type=button], input[type=reset]
{
    border-style: inset outset outset inset;
    border-width: 1px;
    border-color: #99CCFF;
    background-image: url( '../images/webimages/startnew.gif' );
    background-color: Transparent;
    background-repeat: repeat;
    cursor: pointer;
    height: 25px;
    font-family: Trebuchet MS;
    font-size: 9pt;
    color: #FFFFFF;
    float: left;
    padding: 0 2% 0 2%;
    margin: 1%;
}

form:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/* Control styles
----------------------------------------------*/

#Registered
{
    float: left;
    display: block;
    padding: 3% 0 3% 5%;
    width: 35% !important;
}

.Label
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #4e4e4e;
    width: 50%;
    padding-right: 20px;
}

#aside
{
    /*float: left;*/
    width: 80%;
    padding: 0 0 0 2%;
    box-sizing: border-box;
}

.textbox
{
    border-right: #D2BABA 1pt solid;
    border-top: #D2BABA 1pt solid;
    border-left: #D2BABA 1pt solid;
    border-bottom: #D2BABA 1pt solid;
    background-color: #FFFFFF;
    font-size: 9pt;
    height: 17px;
    font-family: Trebuchet MS;
    width: 200px;
    border-color: #bfbfbf;
}

#ContactAside
{
    /*float: right;*/
    padding: 3% 3% 3% 5%; /*width: 50%;/*24%;*/ /*background-color: #eee;*/
    background-color: Transparent;
}

.LoginButton
{
    background-image: url( '../images/webimages/startnew.gif' );
    height: 26px;
    width: 86px;
    color: #FFFFFF;
    /*float: right;*/
    margin: 1% 1% 1% 35%; /*display: block;*/
}

.imgContactLogin
{
    border: none;
    float: left;
    height: 53px;
    width: 48px;
    background-image: url('../images/masterimages/tick_icon.gif');
    margin-right: 1%;
}

.ListSec
{
    float: left;
    padding: 3%;
    clear: both;
    width: 95%;
}

.RedHeaderLabel
{
    width: 50%;
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #e0261a;
    font-weight: bold;
    /*padding-right:20px*/
}

.divPadding
{
    padding-left: 7%;
}

#RegisterWrap
{
    border-color: #C0C0C0;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-top-width: 1px;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-spacing: 0px;
    border-radius: 5px;
    padding: 0.3%;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #eeeeee;
    vertical-align: middle;
    width: 95%;
    position: relative;
    overflow: hidden;
    /*min-height:1100px;*/
}

.spnRegistered
{
    width: 50%;
    background-color: #999999;
    max-height: 28px;
    height: 25.3px;
    position: absolute;
    text-align: left center;
    padding-left: 0.5%;
    display: inline-block;
    border-style: solid;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}

.ShowHeaderReg
{
    padding: 0.5%;
    width: 100%;
    background-color: #999999;
    color: #FFFFFF;
    margin-bottom: 5%;
    display: none;
    visibility: hidden;
    text-align: left center;
    position: relative;
    overflow: hidden;
    font-family: Trebuchet MS;
    font-size: 10pt;
    /*display: inline-block;
	border-style: solid;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px; 
	display:none;
	visibility:hidden;*/
}

.ShowHeaderNewReg
{
    width: 100%;
    background-color: #e32519;
    color: #FFFFFF;
    margin-bottom: 5%;
    display: none;
    visibility: hidden;
    font-family: Trebuchet MS;
    font-size: 10pt;
    /*background-image:url('../images/masterimages/log_06.gif') ,url('../images/masterimages/log_08.gif');
	background-position:left -3px,left -3px;
	background-repeat:no-repeat,repeat;
	padding-bottom:2%;
	height:28px;
	min-height:28px;
	display:block;
	float:right;
	text-align:center;
	position:relative;
	top:0;
	padding-top:0;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	display:none;
	visibility:hidden;*/
}

.RegHeader
{
    background: none;
    position: relative;
    width: 99%;
    /*background-color: #999999;*/
    border-radius: 5px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFFFFF;
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-weight: bold;
    /*vertical-align:top;*/
    max-height: 28px;
    padding-left: 0.2%;
    /*top:0;*/
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
}

.SpanNew
{
    width: 50%;
    background-image: url('../images/masterimages/log_06.gif'),url('../images/masterimages/log_08.gif');
    background-position: left -3px,left -3px;
    background-repeat: no-repeat,repeat;
    /*height:28px;*/
    min-height: 28px;
    display: block;
    float: right;
    text-align: center;
    position: relative;
    top: 0;
    padding-top: 0;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}


.HorizontalRule
{
    min-height: 1px;
    background-color: Gray;
    padding-top: 0;
}

.LinkButton
{
    font-weight: bold;
    font-size: 9pt;
    color: #3333ff;
    font-family: Trebuchet MS;
    cursor: pointer;
    padding-left: 25%;
    background-color: Transparent;
    border: none;
    text-decoration: underline;
}


.MessageDiv
{
    float: none;
    clear: both;
    width: 100%;
    padding-left: 10%;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 9pt;
}

.BIQHomeSubHead
{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    font-family: Trebuchet MS;
    vertical-align: top;
}

.TextboxLogin
{
    FONT-SIZE: 9pt;
    height: 15px;
    FONT-FAMILY: Trebuchet MS;
    width: 125px;
    padding-right: 10px;
    vertical-align: middle;
}

/*Menu list style
---------------------------------------------*/
.MainMenu
{
    width: 100%;
    background: #A40000 url('../images/masterimages/Mnubg.gif') repeat-x;
    /*font-size:0.7em;*/
    font-size: 1.2em;
    line-height: 32px;
    font-weight: normal;
    top: 0;
}

    .MainMenu ul
    {
        /*list-style-type: none;*/
        position: absolute;
        /*background:#A40000 url('../images/masterimages/Mnubg.gif') repeat-x;*/
        /*padding: 0 1.5% 0 1.5% ;*/
    }

    /*Create a horizontal list with spacing*/
    .MainMenu li
    {
        display: inline-block;
        /*float: left;*/
        /*margin-right:0;
	padding: 0 1.5% 0 1.5% ;*/
        /*background:#A40000 url('../images/masterimages/Mnubg.gif') repeat-x;*/
    }

        /*Style for menu links*/
        .MainMenu li a
        {
            display: inline-block;
            top: 0;
            padding: 0 8px 0 8px;
            min-width: 95%; /*82*/
            height: auto;
            text-align: center;
            font-family: Trebuchet MS;
            color: #993300;
            text-decoration: none;
            font-size: 0.7em;
        }

ul.MainMenu li ul
{
    max-width: 100%;
}

/*Hover state for top level links*/
.MainMenu li:hover a
{
    top: 0;
    background: #A40000 url('../images/masterimages/Mnubg_hr.gif') repeat-x;
    min-height: 32px;
    display: block;
    /*background: #993300;*/
    color: #fff;
}

/*Style for dropdown links*/
.MainMenu li:hover ul a
{
    background: #993300;
    text-align: left;
    color: #000000;
    /*height: 40px;
	line-height: 40px;*/
}

    /*Hover state for dropdown links*/
    .MainMenu li:hover ul a:hover
    {
        /*background: #993300;*/
        color: #fff;
    }

/*Hide dropdown links until they are needed*/
.MainMenu li ul
{
    display: none;
}

    /*Make dropdown links vertical*/
    .MainMenu li ul li
    {
        display: block;
        float: none;
    }

        /*Prevent text wrapping*/
        .MainMenu li ul li a
        {
            width: auto;
            min-width: 95%; /*82%*/
            padding: 0 20px;
        }

/*Display the dropdown on hover*/
/*.MainMenu ul li a:hover + .hidden,.hidden:hover {
	display: block;
}*/
ul.MainMenu li:hover .hidden, .hidden:hover
{
    display: block;
}

/*------------------- Sub Menu Style ------------------------------ */
.MainMenu li .SubMenu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*background-color: #993300;*/
}

.MainMenu li .SubMenu li
{
    float: left;
}

    .MainMenu li .SubMenu li a
    {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 2px 6px; /*14px 16px*/
        text-decoration: none;
        text-align: center;
        background-color: #c21b00;
        font-family: Trebuchet MS;
        font-size: 0.6em;
    }

        .MainMenu li .SubMenu li a:hover
        {
            text-decoration: underline;
        }

.subMnWrap
{
    position: absolute;
    height: 37px;
    background-color: #c21b00;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    width: 1000px;
    max-width: 100%;
    left: 0;
    /*left:6.5%;*/
    z-index: -1;
    margin-left: 12px;
    /*z-index:-10;*/
}

/*------------------- End Sub Menu Style -------------------------- */


/*Style 'show menu' label button and hide it by default*/
.show-menu
{
    font-family: Trebuchet MS;
    text-decoration: none;
    color: #fff;
    background: #19c589;
    text-align: center;
    padding: 10px 0;
    display: none;
    width: 100%;
}

/*Hide checkbox*/
input[type=checkbox]
{
    display: none;
}

    /*Show menu when invisible checkbox is checked*/
    input[type=checkbox]:checked ~ #MainMenu
    {
        display: block;
    }

/*------------------Home Page Style---------------------------------*/
.dvContainer {
    padding-top:3.8%;
}
.RequiredTabName
{
	font-size: 9pt;
	color: #ff0000;
	font-family: Trebuchet MS;
	text-align: left;
}


.dvHome 
{
    width:100%;
    min-height:475px;
}

.dvTrans
{
	width: 29%;
	height:20%;
	float:left;
	padding-right:1%;
}
.dvAnnoun
{
	width:40%;
	height:20%;
	float:left;
}
.dvClient
{
  width :29%;
  height:20%;
  float:right;
}
.dvTranHead
{
	vertical-align: top;
	background-color:#c93742;
	width:100%;
	height:5%;
}

.dvAnnounHead
{
	vertical-align: top;
	background-color:#4a5d6e;
	width:100%;
	height:5%;   
}

.dvClientHead
{
	vertical-align: top;
	background-color:#d56d05;
	width:100%;
	height:5%;
}
.dvTransCont
{
	width:100%;
	height:100%;
	min-height:94px; 
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #e4d9d9;
	vertical-align: top;
	text-align:center;
	background-image:url('../Images/masterimages/textbox_bg.gif');
}
.dvAnnounContent
{
    width: 100%;
    height: 100%;
    min-height: 94px;
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #e4d9d9;   
}


.Textbox
{
	border-right: #efd9d5 1px solid;
	border-top: #efd9d5 1px solid;
	border-left: #efd9d5 1px solid;
	border-bottom: #efd9d5 1px solid;
	background-color: #fffbfb;
	font-size: 9pt;
	height: 17px;
	font-family: Trebuchet MS;
	width: 200px;
   
}

.btnGo
{
	background-image:url('../Images/masterimages/go_button.gif');
    background-repeat:no-repeat;
	width: 30px;
    height:24px;
	padding-right:10px;
	vertical-align:middle;
    background-color:#c93742;
    color:#FFFFFF;
    border:none;
}
.btnPDF
{
	background-image:url('../Images/webimages/icon_pdf.gif');
    background-repeat:no-repeat;
	width: 39px;
    height:35px;
	/*padding-right:10px;
	vertical-align:middle;
    background-color:#c93742;
    color:#FFFFFF;*/
    border:none;
}

a.btnPDF
{
   background-image:url('../Images/webimages/icon_pdf.gif');
    background-repeat:no-repeat;
	width: 39px;
    height:35px;
	 display: block;   
    
     text-indent:initial;
}

.BIQHomeSubHead 
{
	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	font-family: Trebuchet MS;
	vertical-align: text-top; 
  
}
.Marquee {
    overflow:auto;
    overflow-style:marquee;
    white-space:nowrap;
    marquee-direction:forward;
    marquee-style:scroll;
    marquee-speed:normal;
    width:100%;
    height:97%;
}

.bulletStyle
{
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #4e4e4e;
	padding-left:3px;
}

.bulletStyle ul li {
    margin-left: 20px;
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #4e4e4e;
    padding-left: 3px;
    list-style-type: disc;
    list-style-position: inside;
    list-style-image:url('../images/masterimages/blt_blue.gif');
}

    
.HomeLabel 
{
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 12px;
	color: #7a362a;
}
.dvMasterImages {

  width:100%;
  height:5%;
  min-height:50px;
   /*min-width:450px;
 background-color:#e4d9d9;*/
  display:inline-table;
  margin-top:1%; 
  background-image:url('../Images/masterimages/icon_bg.gif')  
  }
.dvInner {
    border-style: none solid none none;
    border-width: 1px;
    border-color:#e4d9d9;
    /*border-image: url('../../Images/masterimages/home_35.gif') 50 round;*/
    float: left;
    width: 16%;
    height: 5%;
    text-align: center;
    padding-top: 1%;
}
.dvBorder {
    width:1%;
     height:5%;
    background-image:url('../Images/masterimages/home_35.gif');
    background-repeat:repeat-y;
}


/*------------------Transcript Details Page Style---------------------------------*/

 .divFloatHeader
{
    min-height: 37px;     
    width:100%;
    padding-top:3px;
    background-color:#d5d5d5;
    text-align:right;
	margin-bottom:2%;
}     


 .LabelError
{
font-weight: bold;
font-size: 9pt;
color: #CE302F;
font-family: Trebuchet MS;
}

 .LabelTextHeadingPublicTrans
{
	font-weight: bold;
	font-size: 12pt;
	font-family: Trebuchet MS;
   vertical-align:text-bottom;
}
 .TabNameSummaryLeftBold
{
	font-size: 10pt;
	color: #000000;
	font-family: Trebuchet MS;
	text-align: left;
	font-weight: bold;
}
 
 .offerstable
 {
    border-collapse: collapse;
    width: 100%;
    font-family: Trebuchet MS;
    border-color: #999999;
	border-width: 1px;
    font-size: 9pt;
}

 .offerstable caption
{
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	font-family: Trebuchet MS;
	text-align: left;
	height: 21px;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFF206;
}

    .offerstable th {    
    color: #000000;
    text-align: left;
    font-family: Trebuchet MS;
    font-weight: bold;
    background-color: #D9D9D9;
    font-family: Trebuchet MS;
}
        .offerstable tr
        {
         border: solid 1px #999999;
         font-family:  Trebuchet MS;        
        }
        .offerstable td div
        {
         padding: 7px;
        }
        .offerstable td:nth-child(2)
        {
            min-width:175px;
        }
        
        .offerstable tr:nth-child(odd)  
        { 
         background-color: white;
        }
        .offerstable tr:nth-child(even) 
        {
         background-color: #fbeae0;
        }
        .divofferheading.divofferheading
        {
         display: none;           
         color: #1494bb;
         border-color: #333;
        }
        /*.offerstable td a
        {
         padding: 5px 15px;
         color: red;
         border-color: #FFE100;
         font-size: 16px;
         border-radius: 4px;
         white-space: nowrap;
         font-family: Arial;
         font-size: 12pt;
        }*/
      
        .EmptyDataRow
        {
	    font-weight: bold;
	    list-style-position: outside;
	    font-size: 8pt;
	    color: #b22222;
	    font-family: Verdana;
	    vertical-align: middle;
	    text-align: center;
        }
         @media (max-width:767px)
        {
                .dvGrid
                 {
                     overflow:hidden;
                     height:auto;
                 }
                .offerstable td
                {
                width:100%;
                /*background: #6bbed6;
                border-bottom :1px solid #e5e5e5;*/
                 border: 1px solid #e5e5e5;
                font-size:10pt;
                
                }
                .offerstable tr:nth-child(even) 
                {
                     background-color: #ffffff;                    
                }
                .divofferheading.divofferheading
                {
                width:48%;
                }

            .offerstable td, .divofferheading.divofferheading {
             
                position: relative;
                display: block;
                float: left;
            }
            
                .offerstable div
                {
                 position:relative;
                 top:0;
                 display:block;
                 width:40%;
                 float:right;
                 text-align :left ;
                 background-color :White ;
                }
            
                .offerstable th
                {
                display: none;
                }
                .offerstable td a
                {
                font-size: 1em;
                }
                 .EmptyDataRow
                 {
	              font-weight: bold;
	              list-style-position: outside;
	              font-size: 8pt;
	              color : #b22222;
	              font-family: Verdana;
	              vertical-align: middle;
                  text-align: center;
	              width:100%;
                 }
        }




/* Exam Startup Page
----------------------------------------*/

#artExamStartup
{
    padding: 3%;
}

#asdExam
{
    float: left;
}

.dvLegends
{
    float: left;
    width: 60%;
    padding-bottom: 4%;
}

.dvExamQuestion
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    padding-top: 10px;
    width: 50%;
}

.TextBodyExam
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #4e4e4e;
    background-color: #FFFFC1;
    text-align: justify;
}

.BIQ_Popup_Header
{
    font-size: 15pt;
    color: #000000;
    font-family: Trebuchet MS;
    text-align: left;
    font-weight: bold;
}

.ExamSubHeading
{
    font-weight: bold;
    font-size: 11pt;
    font-family: Trebuchet MS;
    text-decoration: underline;
    margin-bottom: 3%;
    padding-left: 5%;
}

.Label_Legend
{
    font-size: 10pt;
    color: #000000;
    font-family: Trebuchet MS;
    text-align: left;
}

.Lbl_Color_Legend
{
    font-size: 10pt;
    color: #000000;
    font-family: Trebuchet MS;
    text-align: center;
    vertical-align: middle;
    Width: 33px;
    Height: 20px;
    border: 1px solid Black;
    font-weight: bold;
    margin-top: 3px;
}

.BeginButton
{
    font-family: Trebuchet MS;
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #c21b00;
    text-align: center;
}

#dvExamMain
{
    background-color: #f3efee;
    min-height: 500px;
    width: 100%;
}

.dvLink
{
    background-color: #a70329;
    border-top: #FFFFFF;
    height: 25px;
    text-align: right;
    width: 100%;
}

.dvLinkUpdate
{
    float: left;
    text-align: right;
    width: 92%;
}

.dvSignOut
{
    float: right;
    text-align: left;
    width: 8%;
}

.UserSignout
{
    font-weight: bold;
    font-size: 11pt;
    color: #FFFFFF;
    font-family: Trebuchet MS;
    padding-right: 10px;
    text-decoration: underline;
}

.dvWelHeader
{
    height: 35px;
    text-align: left;
    background-color: #f3efee;
    background: url('../images/webimages/bg_03.gif');
    background-repeat: no-repeat;
}

.WelcomeHeaderText
{
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 11pt;
    color: #ffffff;
    background-image: url('../images/webimages/grid_bg.gif');
    background-repeat: repeat-x;
    position: relative;
    display: inline-block;
    height: 35px;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 1%;
}

.TextBody
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #4e4e4e;
    vertical-align: top;
    padding-left: 4%;
}

.dvExamTab
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #4e4e4e;
    vertical-align: top;
    padding-left: 6%;
    padding-top: 1%;
    width: 15%;
    float: left;
}

.dvExamControl
{
    width: 70%;
    padding-top: 1%;
}

.ModalTextBoxUpper
{
    border-right: #bcb8ad 1px solid;
    border-top: #bcb8ad 1px solid;
    border-left: #bcb8ad 1px solid;
    border-bottom: #bcb8ad 1px solid;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #f6f6f6;
    font-size: 10pt;
    height: 20px;
    font-family: Trebuchet MS;
    width: 200px;
}

.dvExamMessage
{
    padding-left: 21%;
    padding-top: 3px;
    padding-bottom: 3px;
}

.MessageTabNameError
{
    font-size: 10pt;
    color: #ff0000;
    font-family: Trebuchet MS;
    text-align: left;
}

.ModalButton
{
    border-style: inset outset outset inset;
    border-width: 1px;
    border-color: #99CCFF;
    background-repeat: repeat;
    background-color: #de777f;
    cursor: pointer;
    height: 25px;
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #FFFFFF;
}

.ModalButtonDisable
{
    border-style: inset outset outset inset;
    border-width: 1px;
    border-color: #99CCFF;
    background-repeat: repeat;
    background-color: #808080;
    cursor: pointer;
    height: 25px;
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #FFFFFF;
}

#divSignContributor
{
    overflow: hidden;
    padding: 1px;
    margin: 0 0 10px 0;
    padding-left: 20px;
}

*
{
    box-sizing: border-box;
}

[class*="col-"]
{
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 5px;
}

.row:after
{
    content: "";
    clear: both;
    display: block;
}

/* Media Queries
--------------------------------------------- */


@media all and (min-width: 600px)
{
     .col-1
    {
        width: 8.33%;
    }

    .col-2
    {
        width: 16.66%;
    }

    .col-3
    {
        width: 25%;
    }

    .col-4
    {
        width: 33.33%;
    }

    .col-5
    {
        width: 41.66%;
    }

    .col-6
    {
        width: 50%;
    }

    .col-7
    {
        width: 58.33%;
    }

    .col-8
    {
        width: 66.66%;
    }

    .col-9
    {
        width: 75%;
    }

    .col-10
    {
        width: 83.33%;
    }

    .col-11
    {
        width: 91.66%;
    }

    .col-12
    {
        width: 100%;
    }

    #divSignContributor
    {
        padding-left: 35%;
    }

    .dvMain > div > label, legend
    {
        width: 25%;
        float: left;
        padding-right: .625em;
    }

    .dvMain > div > div, .dvMain > div > fieldset > div
    {
        width: 75%;
        float: right;
    }

    input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], select, textarea
    {
        width: 35%; /*50*/
    }

    .dvLogin
    {
        margin-left: 35%;
    }

    #imgHomeCenPic
    {
        width: 100%;
        height: auto;
    }

    .subMnWrap
    {
        left:-1%;
        width:99.5%;
    }
}

@media screen and (max-width : 760px)
{
    .MainMenu
    {
        text-align: center;
        /*background-color:Transparent;*/
        background: none;
    }

    /*Make dropdown links appear inline*/
    ul.MainMenu
    {
        position: static;
        display: none;
        width: 100%;
    }
    /*Create vertical spacing*/
    li.MainMenu
    {
        margin-bottom: 1px;
        width: 100%;
    }
        /*Make all menu links full width*/
        ul.MainMenu li, li.MainMenu a
        {
            width: 100%;
        }

            ul.MainMenu li ul
            {
                width: 100%;
                /*padding:0 2% 0 4%;*/
            }
     /*Display 'show menu' link*/
    .MainMenu li:hover ul a:hover {
        color:#a62906;
        text-decoration:none;
        width:100%;
    }

    .MainMenu li:hover, .MainMenu li:hover  {
        background-image:none;
        width:100%;
    }

    .show-menu
    {
        background-color: #a62906;
        display: block;
    }

    .MainMenu li .SubMenu li a
    {
        background-color: #fff;
        color: #993300;
        display: block;
    }

    .subMnWrap {
        display: none;
    }

    #imgCompLogo
    {
        position: relative;
        width: 10%;
        height: auto;
        float: left;
    }

    #imgHomeCenPic
    {
        width: 100%;
        height: auto;
    }

    #MultipleBackground, #MultipleBackgroundBenefit, #MultipleBackgroundROI, #MultipleBackgroundTest, #MultipleBackgroundAssess, #MultipleBackgroundJoinUs, #MultipleBackgroundLocation, #MultipleBackgroundReqInfo, #MultipleBackgroundConLogin
    {
        width: 91%; /*100%;*/
        padding-left: 1%;
    }

    #ol
    {
        padding-left: 3%;
    }

    .divMap
    {
        width: 400px;
    }

    #LocationSidebar
    {
        float: left;
    }

    #SectLocation
    {
        float: none;
    }

    #ContactAside, #aside
    {
        float: left;
        /*width: 100%;*/
        width: 85%;
        /*background-color: #FF8888;*/
        clear: left;
    }

    #Registered
    {
        clear: both;
        float: none;
        width: 100%;
    }

    .SpanNew, .spnRegistered
    {
        float: none;
        min-width: 85%;
    }

    .RegHeader, .SpanNew, .spnRegistered
    {
        display: none;
        visibility: hidden;
    }

    #RegisterWrap
    {
        /*min-height:95%;*/
        min-height: 700px;
    }

    .divLoginLeft
    {
        width: 50%;
        float: left;
    }

    .dvLinkUpdate
    {
        float: left;
        text-align: right;
        width: 80%;
    }

    .dvSignOut
    {
        float: right;
        text-align: left;
        width: 20%;
    }

    .dvExamTab
    {
        padding-left: 3%;
        padding-top: 1%;
        width: 50%;
        float: none;
    }

    .dvExamControl
    {
        padding-left: 3%;
        padding-top: 1%;
    }

    .dvExamMessage
    {
        padding-left: 5%;
    }

    .dvTrans
    {
        width: 100%;
        float: none;
    }

    .dvAnnoun
    {
        width: 100%;
        float: none;
    }

    .dvClient
    {
        width: 100%;
        float: none;
    }

    .leftcols
    { width:100%;
       float:left;
      margin-left:1px;
      margin-top:1px;
    }

.rightcols
    { width:100%;
     float:right;
    margin-right:1px;
    margin-top:1px;
    }

  .loginarea
    { 
        padding-left:10px;
    }

    .content
    {
        padding-left:10px;
        height:30px;
        background-color:red;
    }

    .contentarea
    {
        padding-left:20px;
    }

}

@media all and (max-width : 768px)
{
    #imgCompLogo
    {
        position: relative;
        width: 40%;
        height: auto;
        /*float:left;*/
    }

    .show-menu
    {
        background-color: #a62906;
    }

    .MainMenu
    {
        /*text-align:center;*/
        /*background-color:Transparent;*/
    }

    header
    {
        text-align: center;
    }

    nav
    {
        text-align: center;
        /*background-image:none;*/
        background-color: Transparent;
    }

    #content
    {
        width: 94%;
        padding: 3%;
    }

    #sidebar
    {
        width: 94%;
        padding: 3%;
        border-top: 3px solid #E64A19;
    }

    #login_mnu
    {
        /*display: none;*/ /*portait not displaying-landscape display :Commented for ipad*/
    }

    #MultipleBackground, #MultipleBackgroundBenefit, #MultipleBackgroundROI, #MultipleBackgroundTest, #MultipleBackgroundAssess, #MultipleBackgroundJoinUs, #MultipleBackgroundLocation, #MultipleBackgroundReqInfo, #MultipleBackgroundConLogin
    {
        width: 91%; /*100%;*/
        padding-left: 6%;
    }

    #ol
    {
        padding-left: 6%;
    }

    .divMap
    {
        width: 400px;
    }

    #LocationSidebar
    {
        float: left;
    }

    #SectLocation
    {
        float: none;
    }

    #ContactAside, #aside
    {
        padding: 1% 0% 1% 0%;
        float: none; /*width:100%;*/
        width: 100%; /*background-color:Gray;*/
    }

    #Registered, .SpanNew, .spnRegistered
    {
        padding: 1% 0% 1% 0%;
        float: none;
        min-width: 100%;
    }

    .RegHeader
    {
        display: none;
        visibility: hidden;
    }

    #RegisterWrap
    {
        min-height: 1000px;
    }

    .ShowHeaderReg, .ShowHeaderNewReg
    {
        display: block;
        visibility: visible;
    }

    .subMnWrap
    {
        left: 0;
    }

    .spnRegistered
    {
        width: 100%;
        float: none;
    }

    .dvLogin
    {
        margin-left: 10%;
    }

    .dvLegends
    {
        float: none;
        width: 100%;
    }
}

@media all and (max-width :600px)
{
        .leftheader {
        width: 99%;
        height: 24px;
        background-color: #999999;
        float: none;
        margin-left: 1px;
        margin-top: 1px;
        padding-left:2px;
        margin-right:1px;
    }

    .rightheader {
        width: 99%;
        height: 24px;
        background-color: #e0261a;
        margin-right: 1px;
        margin-top: 1px;
        float:left;
        margin-left:3px;
        padding-left:2px
    }

    .leftcols {
        width: 100%;
    }

    .rightcols {
        width: 100%;
    }
}

@media all and (max-width : 320px)
{
    #imgCompLogo
    {
        width: 50%;
        float: left;
    }

    .wrapperreg
{ width:95%;
  border:1px solid #bcb8ad;
  background-color:#f5f5f5;
  margin-bottom:10px;
  
}

loggtext
 {
 	 padding-left:10px;
}
.leftheader
{ width:99%;
  height:24px;
  background-color:#999999;
  float:left;
  margin-top:1px;
  margin-right:3px;
}

.rightheader
{ width:99%;
  height:24px;
 background-color:#e0261a;
 float:left;
  margin-top:1px;
  text-align:left;
  margin-left:3px;
  padding-left:2px
}


.leftcols
{ width:100%;
   float:left;
  margin-left:1px;
  margin-top:1px;
}

.LoginTextBox
{
	border-right: #D2BABA 1pt solid;
	border-top: #D2BABA 1pt solid;
	border-left: #D2BABA 1pt solid;
	border-bottom: #D2BABA 1pt solid;
	background-color: #FFFFFF;
	font-size: 9pt;
	height: 17px;
	font-family: Trebuchet MS;
	border-color: #bfbfbf;
    padding-left:30px;
   
}

    .loginarea
    { 
        padding-left:10px;
    }

    .content
    {
        padding-left:10px;
        height:30px;
        background-color:red;
    }

    .contentarea
    {
        padding-left:20px;
    }

    /*.show-menu
	{
		background-color:#a62906;
	}*/

    /*.MainMenu
	{
		text-align:center;
		/*background-color:Transparent;
	}*/


    nav
    {
        text-align: center;
        background-image: none;
        background-color: Transparent;
    }

        nav ul li
        {
            display: block;
            width: 94%;
        }

    /*#login_mnu
    {
        display: none;
    }*/

    footer
    {
        font-size: 60%;
    }

    #footerlinks a:after
    {
        clear: left;
        content: "";
    }

    #footerlinks a
    {
        padding-right: 0.7em;
    }

    .MainMenu
    {
        text-align: center;
        /*background-color:Transparent;*/
        background: none;
       background-image:none;

    }

    /*Make dropdown links appear inline*/
    ul.MainMenu
    {
        position: static;
        display: none;
        width: 100%;
    }
    /*Create vertical spacing*/
    li.MainMenu
    {
        margin-bottom: 1px;
        width: 100%;
    }
        /*Make all menu links full width*/
        ul.MainMenu li, li.MainMenu a
        {
            width: 100%;
        }

            ul.MainMenu li ul
            {
                width: 100%;
                /*padding-left:10%;*/
            }
    /*Display 'show menu' link*/
     .MainMenu li:hover ul a:hover {
        color:#a62906;
        text-decoration:none;
        width:100%;
    }

    .MainMenu li:hover, .MainMenu li:hover  {
        background-image:none;
         width:100%;
    }

    .show-menu
    {
        background-color: #a62906;
        display: block;
    }

    #MultipleBackground, #MultipleBackgroundBenefit, #MultipleBackgroundROI, #MultipleBackgroundTest, #MultipleBackgroundAssess, #MultipleBackgroundJoinUs, #MultipleBackgroundLocation, #MultipleBackgroundReqInfo, #MultipleBackgroundConLogin
    {
        width: 91%; /*100%*/
        padding-left: 8%;
    }

    #ol
    {
        padding-left: 20%;
    }

    .divMap
    {
        width: 150px;
    }

    #LocationSidebar
    {
        float: left;
    }

    #SectLocation
    {
        float: none;
    }

    #ContactAside, #aside
    {
        padding: 1% 0% 1% 0%;
        float: none; /*width:100%;*/
        width: 100%; /*background-color:Gray;*/
    }

    #Registered, .SpanNew, .spnRegistered
    {
        padding: 1% 0% 1% 0%;
        float: none;
        min-width: 100%;
    }

    .RegHeader
    {
        display: none;
        visibility: hidden;
    }

    #RegisterWrap
    {
        min-height: 95%;
    }

    .ShowHeaderReg, .ShowHeaderNewReg
    {
        display: block;
        visibility: visible;
    }

    .dvLogin
    {
        margin-left: 0%;
    }

    .dvLegends
    {
        float: none;
        width: 100%;
    }

    .dvLinkUpdate
    {
        float: left;
        text-align: right;
        width: 70%;
    }

    .dvSignOut
    {
        float: right;
        text-align: left;
        width: 30%;
    }

    .dvExamTab
    {
        padding-left: 2%;
        padding-top: 1%;
        width: 50%;
        float: none;
    }

    .dvExamControl
    {
        padding-left: 2%;
        padding-top: 1%;
    }

    .dvExamMessage
    {
        padding-left: 5%;
    }

    .dvTrans
    {
        width: 100%;
        float: none;
    }

    .dvAnnoun
    {
        width: 100%;
        float: none;
    }

    .dvClient
    {
        width: 100%;
        float: none;
    }
     #imgExcel,#imgWord,#imgPower,#imgUAE,#imgITIL,#imgPMP
	{
		position:relative;
		width:30%;
		height:auto;	
	}
    .HomeLabel {        
        font-size: 8px;
       
    }
    .LabelTextHeadingPublicTrans {
        font-size: 9pt;
          padding-left:20%;
    }

}

@media (max-width: 480px) {
    #imgCompLogo {
        /*width:60%;*/
        width: 45%;
        float: left;
    }
    /*.show-menu
	{
		background-color:#a62906;
	}*/


    nav {
        text-align: center;
        background-image: none;
        background-color: Transparent;
    }

        nav ul li {
            display: block;
            width: 94%;
        }

    /*#login_mnu {
        display: none;
    }*/

    footer {
        font-size: 70%;
    }

    #footerlinks a:after {
        clear: left;
        content: "";
    }

    #footerlinks a {
        padding-right: 0.7em;
    }

    .MainMenu {
        text-align: center;
        /*background-color:Transparent;*/
        background: none;
        background-image: none;
    }

    /*Make dropdown links appear inline*/
    ul.MainMenu {
        position: static;
        display: none;
        width: 100%;
    }
    /*Create vertical spacing*/
    li.MainMenu {
        margin-bottom: 1px;
        width: 100%;
    }
        /*Make all menu links full width*/
        ul.MainMenu li, li.MainMenu a {
            width: 100%;
        }

            ul.MainMenu li ul {
                z-index: 200;
                /*width:86%;*/
                /*padding:0 2% 0 4%;*/
                /*padding-left:5.5%;*/
            }

    .MainMenu li:hover ul a:hover {
        color: #a62906;
        text-decoration: none;
        width: 100%;
    }

    .MainMenu li:hover, .MainMenu li:hover {
        background-image: none;
        width: 100%;
    }

    /*Display 'show menu' link*/
    .show-menu {
        background-color: #a62906;
        display: block;
    }

    .MainMenu li .SubMenu li a {
        background-color: #fff;
        color: #993300;
        display: block;
        z-index: 0;
    }

    .subMnWrap {
        display: none;
    }

    #MultipleBackground, #MultipleBackgroundBenefit, #MultipleBackgroundROI, #MultipleBackgroundTest, #MultipleBackgroundAssess, #MultipleBackgroundJoinUs, #MultipleBackgroundLocation, #MultipleBackgroundReqInfo, #MultipleBackgroundConLogin {
        width: 91%;
        padding-left: 9%;
    }

    #ol {
        padding-left: 10%;
    }

    .divMap {
        width: 300px;
        /*padding-left:15%;*/
    }

    #LocationSidebar {
        float: left;
    }

    #SectLocation {
        float: none;
    }

    #ContactAside, #aside {
        padding: 1% 0% 1% 0%;
        float: none; /*width:100%;*/
        width: 100%; /*background-color:Gray;*/
    }

    #Registered, .SpanNew, .spnRegistered {
        padding: 1% 0% 1% 0%;
        float: none;
        min-width: 100%;
    }

    .RegHeader, .SpanNew, .spnRegistered {
        display: none;
    }

    #RegisterWrap {
        min-height: 95%;
    }

    .ShowHeaderReg, .ShowHeaderNewReg {
        display: block;
        visibility: visible;
    }

    .dvLogin {
        margin-left: 0%;
    }

    .dvLegends {
        float: none;
        width: 100%;
    }

    .dvLinkUpdate {
        float: left;
        text-align: right;
        width: 80%;
    }

    .dvSignOut {
        float: right;
        text-align: left;
        width: 20%;
    }

    .dvExamMessage {
        padding-left: 5%;
    }

    .dvTrans {
        width: 100%;
        float: none;
    }

    .dvAnnoun {
        width: 100%;
        float: none;
    }

    .dvClient {
        width: 100%;
        float: none;
    }

    #imgExcel, #imgWord, #imgPower, #imgUAE, #imgITIL, #imgPMP {
        position: relative;
        width: 30%;
        height: auto;
    }

    .HomeLabel {
        font-size: 8px;
    }

    .LabelTextHeadingPublicTrans {
        font-size: 9pt;
        padding-left: 20%;
    }

    .leftheader {
        width: 99%;
        height: 24px;
        background-color: #999999;
        float: none;
        margin-left: 1px;
        margin-top: 1px;
        padding-left:2px;
        margin-right:3px;
    }

    .rightheader {
        width: 99%;
        height: 24px;
        background-color: #e0261a;
        margin-right: 1px;
        margin-top: 1px;
        float:left;
        margin-left:3px;
        padding-left:2px
    }

    .leftcols {
        width: 100%;
    }

    .rightcols {
        width: 100%;
    }
   
}

@media (min-width: 1100px)
{
    .subMnWrap
    {
        left: 6.5%;
    }
}

@media (min-width: 1200px)
{
    body
    {
        font-size: 1em;
    }

    #container
    {
        max-width: 90%;
    }

    footer
    {
        max-width: 98%;
    }

    .MainMenu
    {
        font-size: 1em;
    }

    .subMnWrap
    {
        /*left: 6.5%;*/
        
        left:4.1%;
        width:90%;
    }
}