﻿/*	BUTTONS */
img{border:0}
.clear {clear: both; }
.left, .l{float:left}
.right, .r{float:right}
.center{margin:auto;}
.txt_l{ text-align:left}
.txt_c{ text-align:center}
.txt_r{ text-align:right}

.Buttons,
.Buttons_Bold
{
	color:white; font-size:11px; CURSOR: pointer; border: #66762c 1px solid; font-weight: bold;
	background: url(../../images/Primarybtn.jpg) right top repeat-x #a2da09;padding: 0.2em;		
}
.SecButtons,
.SecButtons_Bold
{
    color: white; font-size:11px; CURSOR: pointer; border: #2d78b1 1px solid; font-weight: bold;
    background: url(../../images/Secondarybtn_blue.jpg) right top repeat-x #89aec2;padding: 0.2em;	
}

.BlueButtons
{
    color: #334159; font-size:11px; CURSOR: pointer; border: #83aacb 1px solid; font-weight: bold;white-space:nowrap !important;
    background: url(../../images/Secondary-button.gif) right top repeat-x #caddeb; padding: 0.36em   1em;	
}


.NeutralButtons,
.NeutralButtons_Bold
{
    color: white; font-size:11px; CURSOR: pointer; border: #848484 1px solid; font-weight: bold;
    background: url(../../images/gray.gif) right top repeat-x #dde2ed;padding: 0.2em;	
}
.NegativeButtons,
.NegativeButtons_Bold
{
    color: white; font-size:11px; CURSOR: pointer; border: #a69d80 1px solid; font-weight: bold;
    background: url(../../images/Negative-button.gif) right top repeat-x #fa5c5b;padding: 0.2em;	
}

.Buttons:hover,
.Buttons_Bold:hover,
.SecButtons:hover,
.SecButtons_Bold:hover,
.NeutralButtons:hover,
.NeutralButtons_Bold:hover,
.NegativeButtons:hover,
.NegativeButtons_Bold:hover
{
	color: #000; 
}

.DownloadButtons:hover
{
    padding:1px;
    background-color:black;
}

.SilverButtons, .SilverButtons_Bold
{
    color: #334159; font-size:11px; CURSOR: pointer; border: #83aacb 1px solid; font-weight: bold;white-space:nowrap !important;
    background: url(../../images/Secondary-button.gif) right top repeat-x #caddeb; padding: 0.36em   1em;	
}

/*	END OF BUTTONS */


/* LABELS */

.Labels_PageHeading
{
	font-size: 18px;	color: #3b3b45;	font-weight: bolder; letter-spacing: -1px;
}
.Labels_LessonHeading
{
	font-size:20px; color:#4a5b77; font-family:'Times New Roman', Serif;
}
.Labels_MenuSubHeading
{

	font-size: 12px; font-weight: bold;
}
.Labels_QuestionsSubHeading
{
	font-size: 14px;color: #2b85b7;font-weight: bold;  font-family:'Times New Roman', Serif;
}
.Labels_SectionRelevant
{
	font-size: 12pt;font-family:'Times New Roman', Serif;
}
.Labels_QuestionsLabel
{
	font-size: 16px; color: #333333;	font-weight: bold; 
}
.Labels_PageSubHeading
{
	font-size: 16px; color: #333333;	font-weight: bold; 
}
.Labels_Validation
{
	font-size: 11px;	color: Red;	
}
.LabelsSubmenu
{
	font-size: 11px; color:#026f9b; text-transform:Capitalize; font-weight:bold;
}
.MessageLabels,
.Labels_Messages /* error messages, system messages etc */
{
		font-size: 11px;	color: Red;	
}

.Labels
{
	font-size: 11px;
}
.Labels_Small
{
	font-size: 11px;
}
.Labels_Medium
{
	font-size: 13px;
}
.Labels_Large
{
	font-size: 14px;
}

.Labels_Bold
{
	font-size: 12px; font-weight: bold;
}
.SubHeads,
.Labels_SmallBold
{
	font-size: 11px; font-style: normal; font-weight: bold;
}
.Labels_MediumBold
{
	font-size: 13px; font-weight: bold;
}
.Labels_LargeBold
{
	font-size: 14px; font-weight: bold;
}

.Labels_FieldLabels
{

	font-size: 12px; 
	font-weight: bold; 
	text-align:right;
	white-space: nowrap;
}
/*Datalist Containers*/
.dtitem
{ border: solid 1px #bedff0; background:#ebf8fe; padding:6px; width:44%; height:150px; float:left; margin:5px 10px 5px 0px;}
.PadS1
{
    min-width: 60px;
}

/* END OF LABELS */

/* LINKS */
a.Links:link
{
	font-size: 11px; color:#27413e;	cursor:pointer;	text-decoration:none;
}

a.Links:hover
{
	text-decoration:underline;
}

a.LinksBold:link
{
	font-size: 11px; color:#27413e;	cursor:pointer;	text-decoration:none; font-weight:bold;
}

a.LinksBold:hover
{
	text-decoration:underline;
}

a.LinksHeader:link
{
	font-family: Arial;	color: #FFFFFF;	cursor:pointer;	text-decoration:none; font-size: 11px;
}
a.LinksHeader:visited
{
	font-family: Arial;	color: #FFFFFF;	cursor:pointer;	text-decoration:none; font-size: 11px;
}
a.LinksHeader:hover
{
	text-decoration:underline;
}

/* END OF LINKS */

.Textboxes
{
	border: #7f9db9 1px solid;	font-size: 11px; 
}

.Textboxes_RightAlign
{
	border: #7f9db9 1px solid;	font-size: 11px; text-align:right;
}

.DropDownLists
{
	border: #7f9db9 1px solid;	font-size: 11px; font-family: Arial;
}


/* end of css classes related to Controls */

html, body 
{
	margin:0; padding:0; color: #333333; font-family:Arial, Helvetica, sans-serif; font-size: 11px; 
}
.bg
{
	background: url(../../images/bgblue.gif) right top repeat-x #d4d5db;
}
.main-div
{
	background: url(../../images/blueDivbg.gif) right top repeat-x; border-top: 1px solid #684026;
}
.select, select
{
	background: url(../../images/select_bg.jpg); border: 1px solid #c1c1bf;
}
/*td
{
	font-size: 12px; color: Black;	
}*/
td.padding
{
	padding:2px;
}
.WhiteContainer
{
	background:#fff;
}
.FieldLabels_Bold
{
	font-size: 11px; color: Black;	font-weight: bold;
}
.HeaderCell
{
 	background: inherit; font-weight: bold;
}
.GridRecordCountFooter
{
	font-weight: bold
}

.MenuHelp
{
	color: white;	font-weight: bold
}

/*table.patterntable
{
	border: 1px solid #cdcdcd;	background:url(../../images/tb_bg.jpg);
}*/

/*Master Miles Template Unique classes*/
.headerbg
{
	background: url(../../images/top_bgblue.jpg) left top repeat-x; border-bottom: 1px solid #684026;
	
}

/*App name*/
.appname-tdleft
{
	background: url(../../images/title_lefty.gif) left top no-repeat; width:5px; height:15px;
}

.appname-tdbg
{
	background: url(../../images/title_bg.gif) left top repeat-x; padding-left:10px; padding-right:10px; 
	color: #FFFFFF;	text-decoration: none;	font-size: 10px;
}
.appname-tdright
{
	background: url(../../images/title_righty.gif) no-repeat; width:5px; height:15px;
}

/*Info name*/
.info-tdleft
{
	background: url(../../images/info_left.gif) left top no-repeat; width:19px; height:25px;
}

.info-tdbg
{
	background: url(../../images/info_ext.gif) left top repeat-x;
	padding-left:10px; padding-right:10px; color: #FFF;	text-decoration: none;	font-size: 10px;
}
.info-tdright
{
	background: url(../../images/info_right.gif) no-repeat; width:19px; height:25px;
}

.MilesGridInactive
{
	background: #FFCCCC;

}

.MilesGridInactive td
{

	border:1px solid  #FFCCCC; 
	border-top:0; 
	padding-left:7px;
	padding-right:7px;
	padding-top:4px;
	padding-bottom:3px;
}

.MilesGridInactiveAlternating td
{

	border:1px solid #FFDDDD;
	border-top:0; 
	padding-left:7px;
	padding-right:7px;
	padding-top:4px;
	padding-bottom:3px;
}

.MilesGridInactiveAlternating
{
	background: #FFDDDD;border-color:#FFDDDD;

}

/*Info tables*/
.corner-top-left 
{
	background: url(../../images/Cus-corner-tl.png) no-repeat;	behavior: url(../../images/iepngfix.htc);
	height:10px; width:10px;
}
.corner-top-right 
{
	background: url(../../images/Cus-corner-tr.png) no-repeat;	behavior: url(iepngfix.htc);
	height:10px; width:10px;
}
.corner-bott-right 
{
	background: url(../../images/Cus-corner-br.png) no-repeat;	behavior: url(../../images/iepngfix.htc);
	height:10px; width:10px;
}
.corner-bott-left 
{
	background: url(../../images/Cus-corner-bl.png) no-repeat;	behavior: url(../../images/iepngfix.htc);
	height:10px; width:10px;
}
.pattern-top
{
	background: url(../../images/Cus-pat-t.gif); background-repeat: repeat-x;
	height:10px;
}
.pattern-right 
{
	background: url(../../images/Cus-pat-r.gif) repeat-y;	width:10px;
}
.pattern-bottom 
{
	background: url(../../images/Cus-pat-b.gif) repeat-x;	height:10px;
}
.pattern-left 
{
	background: url(../../images/Cus-pat-l.gif) repeat-y;	width:10px;
}
.pattern-content
{
	background:#fff;
}
/*End Info tables*/ 
.TreeNodeSelect 
{
    background:white;
}
.CssClassSelect 
{
    background:white;
}
.rwDialogPopup .radconfirm
{
    background:red;
}
.rwDialogPopup  .rwPopupButton{color:White !important}

/* from portal*/
.Headerwp{width:auto; height:40px;padding:0 6px 0; background: url(../../images/TopBg.gif) right top repeat-x }
#Wrapper{width:100%;  margin:0;bottom:0; height:auto;}
/*.auxwp{	width:985px;margin-top:10px; }*/
#LeftSide{width:275px; float:right;}		
.ContentLeft {padding:10px;}  
.Righttd {background: url(../../images/Contentbg.png) repeat-y  bottom left; }
#RightSide{width:710px; float:left;  }	
#ContentConatiner{ width:auto; height:auto;margin:0px 20px 0px 25px;}
#ContentBottom{width:auto; height:50px; margin:0; background: url(../../images/Contentbottom.gif) bottom left no-repeat #33506b;}
#Footer{	height:50px; margin:0; background:#32506a; }
    
   
.HSeparator{border-bottom:double  4px #4a5b77;  padding:5px 0; }
.ContentContainerQus{ width:auto; height:auto; padding:6px; border:solid 1px #bedff0; background:#ebf8fe;}
.ContentContainerMsg
{ 
     width:auto; height:auto; padding:6px; border:solid 1px #bedff0; background:#fef5e4; min-height:30px
}
.rbltd{}
.rbltd td{height:30px; vertical-align:top; font-size:12pt;}
.ContentContainerDia{width:auto; height:auto; padding:6px; border:solid 1px #bedff0; background:#fff;}
.leftnavCourse
{width:270px !important; background:url(../../images/leftnavcourse.gif) top repeat-x #c9dcea; 
 border: solid 1px #8c9296;    height:auto; }
.leftnavCourse .in{ margin:5px 10px;  line-height:32px; }
.leftnavCourse .in2{margin:5px 15px;  line-height:32px; }
.leftnavCourse a,  .leftnavCourse a.Links:Link
{ border-bottom:solid 1px #999a9a; color:#000817; text-decoration:none !important; display: inline; font-size:12px !important;}
.leftnavCourse a:visited,.leftnavCourse a:active, .leftnavCourse a.Links:visited, .leftnavCourse a.Links:active
{ color:#000817;}
.leftnavCourse a:hover{ color:blue  !important; text-decoration:underline;}
.leftnavCourse  a.last { border-bottom:none !important; } 
.leftnavCourse [disabled]{ color:#a8a8a8 !important;  }         
.OtherTypeTable
{
	border:1px solid black;
}

.TableHeader
{
	background-color:#3c5272; color:#fff;
}

.TableRows
{
    background-color:white;
}

.TableTop
{
	background-color:#86afcd;
	border-bottom:1px solid black;
}
.PinkContentContainer
{ 
     /*width:auto; height:auto; min-height:100px; padding:10px; background: #eac7c7;*/
     width:auto; height:auto; min-height:100px; padding:10px;
}
.GreenContentContainerDia
{ 
     /*width:270px; height:auto; min-height:200px; padding:6px; background:#c7eaca; */
     width:270px; height:auto; min-height:200px; padding:6px;
}
.BlueContentContainerDia
{ 
     width:335px; height:auto; min-height:200px; padding:6px;
}
.LessonContentContainer
{ 
     width:auto; height:auto; padding:6px; border:solid 1px #bedff0; background:#fff; min-height:300px
}

.ButtonWidth
{
    white-space:normal !important;
    width:200px;
}

/* === column === */
.colauto{float:left; width:auto; padding-right:5px;} .col100{width:100%; } .col90{width:90%; }.col80{width:80%;} .col75{width:75%;}
.col70{width:70%;}.col66{width:66.66666%;} .col65{width:63.5%;} .col60{width:60%;} .col55{width:55%;} .col50{width:50%;}
.col45{width:45%;} .col40{width:40%;} .col35{width:35%;} .col33{width:33.33333%;} .col31{width:31%;} .col30{width:30%;}
.col25{width:25%;} .col20{width:20%;} .col15{width:15%;} .col10{width:10%;}

/* ====== Margin ====== */
.Margin{margin:10px}.MarginL{margin-left:10px}.MarginR{margin-right:10px}.MarginB{margin-bottom:10px}.MarginT{margin-top:10px}
.Margin20{margin:20px}.MarginL20{margin-left:20px}.MarginR20{margin-right:20px}.MarginB20{margin-bottom:20px}.MarginT20{margin-top:20px}
.Margin40{margin:40px}.MarginL40{margin-left:40px}.MarginR40{margin-right:40px}.MarginB40{margin-bottom:40px}.MarginT40{margin-top:40px}


    /*/* ====== Custom ====== */                                                                                                      /* custom */
.displaynone
{
	display: none;
}
.padal15
{
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
.modalBackground
{
	background-color: Gray;
	opacity: 0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
}
.ValignMiddle
{
	vertical-align: middle;
}
.padr15
{
	padding-right: 15px;
}
.changeTextAreaDisabled {
	background-color: beige !important;
	color: black !important;
}