/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: 0.90em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

P.content  
{ 
  display: inline;
}



.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.combo {
position:relative;
    z-index:1;
    width:166px !important;
    height:26px !important;    
    border-color: Blue;
}

.m-btn.blue {
    background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    background-repeat: repeat-x;
    padding-left: 3px;
    padding-right: 3px;
    color: white;
    text-shadow: none;
}
.big {
    font-size: 16px;
    height: 28px;
    line-height: 18px;
   }
.m-btn {
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #EEEEEE, #EEEEEE);
    background-repeat: repeat-x;
    border: 0 none;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-family: "Segoe UI",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 14px;
    margin: 8px 0 0;
    min-width: 42px;
    outline: 0 none;
    overflow: visible;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: inherit;
    white-space: nowrap;
    z-index: 1;
}


.m-btn.blue:hover,
.m-btn.blue:focus,
.m-btn.blue:active,
.m-btn.blue:active,
.m-btn.blue[disabled],
.m-btn.blue.disabled {
	background-color: #0072BB;
	background-image: -moz-linear-gradient(center top, #0072BB, #0072BB);
	backgroung-repeat: repeat-x;

}


input.twitterStyleTextbox {
    border: 1px solid #c4c4c4;
    width: 180px;
    height: 18px;
    font-size: 13px;
    
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

input.twitterStyleTextbox:focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.twitterStyleDropDown {  
    -moz-appearance: none;
    background: none repeat scroll 0 0 #F8F8F8;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 0 #CCCCCC, 0 -1px #FFFFFF inset;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: medium none;
    padding: 3px;
}

li, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, 
form, body, html, p, blockquote, fieldset, input {
                padding: 0;
                margin: 0;
                }

.dd_menu 
{
    z-index: 9999;
	list-style-type:none;
	height:75px;
}
.dd_menu li {
	float:left;
	border-right: solid 1px white;
	height: 75px;
	margin-right: 5px;
	background-color: #003486;
}
.dd_menu li a {
	display:block;
	color:#fff;
	text-decoration:none;
	font:12px arial, verdana, sans-serif;
	font-weight: bold;
	padding-right: 20px;
	padding-left: 20px;
	height: 75px;
	width: 90px;
}
.dd_menu li:hover a {
	text-decoration:underline;
	width: 90px;
	height: 90px;
}

.dd_menu ul {position:absolute; left:-9999px; top:-9999px; list-style-type:none;z-index:9999}
.dd_menu li:hover {
	position:relative;
	background-color: #3662a8;
	height: 75px;
}
.dd_menu li:hover ul {
	left:0px;
	top:75px;
	width:180px;
	height: 75px;	
    height: 300px;
    max-height: 300px;
    
    overflow-y: scroll;
    
}
.dd_menu li:hover ul li {
	height:60px;
	border:none;
	width: 140px;
	margin-top: 5px;
}

.dd_menu li:hover ul li a {
	height:60px;
	display:block;
	font-size:11px;
	width:140px;
	line-height:18px;
	text-indent:5px;
	color:#FFF;
	background-color:#003486;
	text-decoration:none;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #00879d;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.dd_menu li:hover ul li a:hover {
	height:60px;
	display:block;
	font-size:11px;
	width: 140px;
	line-height:18px;
	text-indent:5px;
	color:#FFF;
	background-color:#2b5eaf;
	text-decoration:none;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.dd_menu p{ float:left; clear:left; padding-left:10px;}
.dd_menu img{ margin-left:0px;}
.dd_menu_arw{ margin-left:3px !important;
	float:left;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
	background: #02247d;  
    width: 100%;
    height:2.5em;
}

.banner
{
    position: relative;
    margin: 0px;
    padding: 0px;
	background: #c4d3e6;  
    width: 100%;
    height:8em;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 4em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
     width: 960px;
     height:44px;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;    
}

.loginDisplay a:link
{
    color: Red;
}

.loginDisplay a:visited
{
    color: Red;
}

.loginDisplay a:hover
{
    color: Black;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;    
}

.submitButton
{
	
    text-align: right;
    padding-right: 10px;
}

#popup_window{
padding: 10px;
background: #267E8A;
cursor: pointer;
color: #FCFCFC;
margin: 200px 0px 0px 200px;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(196, 196, 196, .85);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.overlay .popup-overlay {
    opacity: 1;
    left: 0
}


.popup {
    position: fixed;
    top: 15%;
    left: 40%;
    z-index: -9999;
}
.popup .popup-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 150px;
    width: 600px;
    margin-left: -200px;
    /*padding: 20px;*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    text-align: center;
    background-color: #f1f5f8 !important;
 
}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-body .popup-exit {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    right: -94%;
    top:5px;
    background: url("../images/quit.png") no-repeat;

}
.popup .popup-content {
    overflow-y: auto;
    padding :1%;
}
.popup-content .popup-title {
    font-size: 24px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    float:left;
}
.popup-content p {
    font-size: 13px;
    text-align: justify;
}
.popup-border
{
    border-radius: 10px;
    border: 2px solid #18293b;
    
}
.popup-header
{
   float:left;
   width:100%;   
    
}

.rowRecord
{
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    /*border-spacing: 5px;*/
    
}
.columnRecord
{
    display: table-cell;
    vertical-align:top;
    float:left;
      
}
.rowLine
{
   border-bottom:1px solid #BBC0C5;
   padding-top:2%;
}

.rowLineRegion
{
   border-bottom:1px solid #BBC0C5;
   padding-top:2%;
}


.columnRecordHeader
{
    display: table-cell;
    vertical-align:top;
    background-color: #192a3c;
    color: white;
    background-image: url(../Images/sep_25.png);
   

}
.colPromoId
{
    width:12%; 
    text-align:left !important;
    padding:1%;
}

.colPromoDesc
{
    width:35%;
    border-left :2px solid #18293b;
     padding:1%;
}
.colPromoDate
{
    width:15%;
    border-left :2px solid #18293b;
    text-align:left !important;
     padding:1%;
}

.colPromoStatus
{
    width:10%;
    border-left :2px solid #18293b;
    text-align:left !important;
     padding:1%;
}
.colPromoIdData
{
    width:12%;
    text-align:left !important;
     padding-left:1% !important;
}

.colPromoDescData
{
    width:33%;
    text-align:left !important;
     padding-left:4%;
}
.colPromoDateData
{
    width:15%;
    text-align:left !important;
     padding-left:3%;
}
.colPromoStatusData
{
    width:10%;
    text-align:left !important;
     padding-left:4%;
}
.ClickbaleRemovePadding
{
    padding:0 !important;
    
}
.colSelect
{
    width:2%; 

}
.colRegionId
{
    width:20%; 
    text-align:left !important;
    padding:1%;
}
.colRegionDesc
{
    width:70%;
    border-left :2px solid #18293b;
     padding:1%;
     text-align: left;
}

.colStoreId
{
    width:15%; 
    text-align:left !important;
    padding:1%;
}

.colStoreDesc
{
    width:75%;
    border-left :2px solid #18293b;
     padding:1%;
}

.colSelectData
{
    width:2%; 
    text-align:left !important;
    padding:0.5%;
        padding-left: 2%;
}

.colRegionIdData
{
    width:15%;
    text-align:left !important;
     padding-left:6% !important;
}

.colStoreIdData
{
    width:15%;
    text-align:left !important;
     padding-left:4% !important;
}

.colStoreDescData
{
    width:65%;
    text-align:left !important;
     padding-left:2%;
}
.rowStorePadding
{
    padding-left:10%;
}
.setScroll
{
    overflow-y:scroll;
    height:400px;
    
}

.setScrollRegion
{
       height:270px;
    
}
.divButton {
padding:2px 10px; border:solid #707070 1px; font-family:caption; font-size:14px; background:grey; display:inline; border-radius:2px;
background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #CFCFCF));
background-image: -o-linear-gradient(bottom, #F2F2F2 0%, #CFCFCF 100%);
background-image: -moz-linear-gradient(bottom, #F2F2F2 0%, #CFCFCF 100%);
background-image: -webkit-linear-gradient(bottom, #F2F2F2 0%, #CFCFCF 100%);
background-image: -ms-linear-gradient(bottom, #F2F2F2 0%, #CFCFCF 100%);
background-image: linear-gradient(to bottom, #F2F2F2 0%, #CFCFCF 100%);
cursor:default;
text-align:center;
}
.divButton:hover{
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAF6FD), color-stop(1, #A7D8F5));
background-image: -o-linear-gradient(bottom, #EAF6FD 0%, #A7D8F5 100%);
background-image: -moz-linear-gradient(bottom, #EAF6FD 0%, #A7D8F5 100%);
background-image: -webkit-linear-gradient(bottom, #EAF6FD 0%, #A7D8F5 100%);
background-image: -ms-linear-gradient(bottom, #EAF6FD 0%, #A7D8F5 100%);
background-image: linear-gradient(to bottom, #EAF6FD 0%, #A7D8F5 100%);
border: #3c7fb1 solid 1px;
}
.divButton:active{border:solid #2c628b 1px; padding:2px 9px 2px 11px;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E5F4FC),color-stop(0.5, #C4E5F6), color-stop(0.51, #98D0EF), color-stop(1, #68B3DB));
background-image: -o-linear-gradient(bottom, #E5F4FC 0%, #C4E5F6 50%, #98D0EF 51%, #68B3DB 100%);
background-image: -moz-linear-gradient(bottom, #E5F4FC 0%, #C4E5F6 50%, #98D0EF 51%, #68B3DB 100%);
background-image: -webkit-linear-gradient(bottom, #E5F4FC 0%, #C4E5F6 50%, #98D0EF 51%, #68B3DB 100%);
background-image: -ms-linear-gradient(bottom, #E5F4FC 0%, #C4E5F6 50%, #98D0EF 51%, #68B3DB 100%);
background-image: linear-gradient(to bottom, #E5F4FC 0%, #C4E5F6 50%, #98D0EF 51%, #68B3DB 100%);
}

.wrapper, .footer {
    width: 1200px;
}

.main-mnu, .sub-mnu, .top-banner {
    width: 1170px;
}