@font-face
{
    font-family:Frutiger;
    src:url(FrutigerLTStd-BoldCn.otf);
}

/* BODY */
body{
    padding:0px;
    font:11px arial;
    background-color:#c6cacf;
    color:#424242;
}
#ctl00_chatIcon2 {
    float: right; margin-top: 30px; width: 148px !important; height: 48px !important;
}
.PortalHeaderBanner { /*Displays the header for the portal */
    position: relative; 
    margin-top:165px;
    width:100%;
	text-align:right;
	margin: none;
    background:transparent url(images/lms_banner.jpg) no-repeat top;
    height:110px;
    border-bottom:solid 1px #d9d9d9;
    box-shadow: 5px 5px 5px #888888;

}
.new-sub-title {
    position: absolute;
    left: 0px;
    bottom: 3px;
    z-index: 400;
    color: #998968;
/*    border-bottom: 1px solid black;*/
    font-family: Arial;
    
    text-transform: uppercase;
    font-weight: bold;
}
#master { 
    /*background: none url('images/bg-line.png') repeat-y center top !important;width: 950px; padding-left:50px !important;padding-right: 50px !important;
    margin: 0 auto;
    position: inherit;
    left: 0%;*/
}
.top-line {
    position: absolute;
    
    height: 37px;
    width: 1004px;
    z-index: 400;
    margin: 0 auto;
    margin-left: -26px;
    background-color: #6A6A6A;
    margin-top: -10px;
}
.top-line a {
    float: left;
    font-family: Arial;
    font-weight: 400;
    margin-left: 30px;
    color: #9FD7FE;
    font-size: 110% !important;
    text-decoration: none;
    margin-top: 12px;
}
.top-line a:first-child {
    margin-left: 10px !important;
    
}
body.master
{
    /*background-image:url(images/bg-wide.gif);*/
    background-image: url('images/bg-line.png');
    background-repeat:repeat-y;
    background-position:center top;

}
/* END BODY */

form
{
    background:White;
	/*width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
    box-shadow: 5px 5px 5px #888888;*/
}

/* LMS.Master Positioning Setup to use Faux Columns*/
.MasterContentHolder
{
	/*position:relative;*/
	width:950px;
	background:transparent; 
}

.MasterContentMenuColumn
{
	width:170px;
	background:transparent;
	text-align:left;
	float:left;
	padding-bottom:1px;
}

.MasterContentContentColumn /* OK Bad name, but it fits */
{
	width: 850px;
	background-color:#f1f6fc;
	text-align:left;
	float:left;
	margin:-1px 0px 50px 45px;
	padding:10px 10px 5px 10px;
        border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -webkit-border-radius: 15px !important; 
    border: 1px outset #F2F2F2 !important;
}

.Clearor /*The Secret... love this hack, Makes faux columns work in both IE and FireFox*/
{
	clear:both;
}


.nametag /* Floating User tag to allow the user to know who's logged in */
{    
    float:right;
    vertical-align:middle;
    padding:7px 3px 0px 30px;
    height:22px;
    border-left:solid 1px #d9d9d9;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9;
    background-image:url(images/welcome_window_bg.gif);
    background-position:left top;
    background-repeat:no-repeat;
}

.portaltag /* Floating Portal tag to tell the user which portal they are in */
{
    float:right;
    vertical-align:top;
    padding:7px 3px 0px 30px;
    height:22px;
	border-left:solid 1px #d9d9d9;
    border-right:solid 1px #d9d9d9;
    border-bottom:solid 1px #d9d9d9;
    background-image:url(images/portal.gif);
    background-position:left top;
    background-repeat:no-repeat;
}

.TitleCell /*The nice big title on each module page */
{
    /*width:759px;
    background-color:White;
    padding:0px 0px 10px 10px;*/    
    
}
.TitleErrorDisplay
{
	padding:5px 0px 5px 10px;
	border-bottom:solid 1px #d9d9d9;
}
.TitleCellSpacer
{
	padding:10px 0px 5px 0px;
	border-bottom:solid 1px #d9d9d9;
}
.ContentSpacer
{
	/*padding-top:5px;*/
    border-radius:10px;
}

/* END LMS.Master Positioning */

.ContentSectionHeader
{
	width:100%;
    border-bottom:solid 1px #d9d9d9;
    margin:20px 0 10px 0px;
    padding-bottom:10px;
}

.ContentBodyContainer
{
	float:left;
	margin-left:5%;
	background:transparent;
	text-align:left;
}

/* Side Menu Objects */
.SideMenu
{
	width:170px;
	background-image: url(images/sidebar_gradient.jpg);
	background-position:0px 69px;
	padding: 0px 0px 180px 0px;
    background-repeat: no-repeat;
    padding-top: 15px;
    margin:0;
}

/* FOOTER */
.Footer 
{
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	width:950px;
}
.footercs 
{
    background-color:#d9d9d9 !important;
    height:90px !important;
    border-left:1px solid darkgray !important ;
    /*border-right:1px solid darkgray !important ;*/

}
.FooterBottomBorder
{
	float:left;
	margin-top:1px;
	height:1px;
	/*width:950px;*/
	border-bottom:solid 3px #4473a1;
}

.FooterTermsAndConditions
{
    border-right:solid 1px #999;
    padding:0px 10px;
    margin-top:25px;
    float:left;
}

.FooterPrivacy
{
    border-right:solid 1px #999;
    padding:0px 10px;
    margin-top:25px;
    float:left;
}

.FooterCopyright
{
    padding:0px 10px;
    margin-top:25px;
    float:left;
}

.FooterPoweredby
{
    float:right;

}

/* END Footer */

/******************************
 *  TITLES
 ******************************/
h1,h2,h3,h4,p{margin:0px;}
h1
{
    font-weight:normal;
    font:Verdana;   
    font-size:18px;    
    color:#3d5873;      /*Blue*/
}
h1 em
{
    font:Verdana;
    font-size:28px;
    font-weight:normal;
    color:#7f9d7c;      /*Green*/
}

h4 /*Used for Error Messages on the page */
{
	font: Verdana;
	font-size: 14px;
	font-weight:normal;
	color: Red;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3d5873;
	font-weight: bold;
}
h3,gridheader{color:#000000;}

strong, em, h3, .infolabel, dt, dd, p, gridcell, gridheader, em a
{
    font-family: Tahoma;
    font-size:11px;
    font-weight:bold;
    font-style:normal;
}
strong, dt, strong a{color:#7f9d7c;}
em, dd{color:#3d5873;}
strong a:hover, em a:hover{color:#7f9d7c;}

.infolabel, p, gridcell{font-weight:normal; color:#424242; font-family:Arial; line-height:1.5em;}
h2,p,gridcell{margin-bottom:1em;}

/* MENU */
#master-menu a, .announceThumb a
{
	color:#3d5873;      /*Blue*/
	background-color:Transparent;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(images/icon-triangle-green-left.gif);
	cursor:pointer;
	display: block;
	clear:left;
	margin: 3px 0 3px 10px;
	padding-left:10px;
}
#master-menu a:hover, .announceThumb a:hover
{
    color:#7f9d7c;
}

/* CSS Used in the User Input Controls */
.FieldLabel
{
	color:#000000;
	font-family: Tahoma;
    font-size:11px;
    font-weight:bold;
    font-style:normal;
    text-align:right;
    width:25%;
}

.TwoColumnInput
{
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px; 
	background-color:White;
	
}
.FieldTextMedium
{
	width:180px;
	vertical-align:middle;
	font-weight:normal;
	color:#000000;
}

.FieldTextSmall
{
	width:130px;
	vertical-align:middle;
	font-weight:normal;
	color:#000000;
}

.FieldDropDownMedium
{
	width:180px;
	vertical-align:middle;
	font-weight:normal;
	color:#000000;
}

.UserInputContainer
{
	position:relative;
	width:100%;
	background:transparent; 
	vertical-align:middle;
	/*border:solid 1px Red;*/
}

.UserInputContainerLabel
{
	width:105px;
	background:transparent;
	text-align:left;
	float:left;
	vertical-align: middle;
	padding-right:10px;
	height:23px;
	padding-top:5px;
	/*border:solid 1px Black;*/
}

.UserInputContainerValue
{
	width: 220px;
	background:transparent;
	text-align:left;
	float:left;
	/*border:solid 1px Black;*/
}

.UserInputCalendarIcon
{
	padding-left:5px;
}

/* END Css Used in the User Input Controls */


.ButtonGroup
{
	border-top:solid 1px #d9d9d9;
	width:100%;
	margin-top:5px;
	padding-top:10px;
	text-align:right;
}

/* MENU ITEM CSS */
.MenuItemPanel
{
	background-image:url(images/icon-triangle-green-left.gif);
	background-repeat:no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	/*border:solid 1px green;*/
	background-position:left center;
	

}
#ContentPlaceHolder1_ViewActivities1_ActivitiesGridView th {
    vertical-align: top;
}
#ContentPlaceHolder1_ViewActivities1_ActivitiesGridView td {
    vertical-align: top;
}
#ContentPlaceHolder1_MyProductsControl1_GridView1 a {
    font-weight: normal !important;
}

/*Classes for updating home page - Nezir 07052014*/

.navbar-custom {
  background-color: #0e5e87;
  border-color: #0b4969;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#137eb5), to(#0e5e87));
  background-image: -webkit-linear-gradient(top, #137eb5, 0%, #0e5e87, 100%);
  background-image: -moz-linear-gradient(top, #137eb5 0%, #0e5e87 100%);
  background-image: linear-gradient(to bottom, #137eb5 0%, #0e5e87 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff137eb5', endColorstr='#ff0e5e87', GradientType=0);
  height:55px !important;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #0b4969;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #0b4969;
  border-color:darkgray;
  margin-top:4px;
  
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #0b4969;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0b4969), to(#106997));
  background-image: -webkit-linear-gradient(top, #0b4969, 0%, #106997, 100%);
  background-image: -moz-linear-gradient(top, #0b4969 0%, #106997 100%);
  background-image: linear-gradient(to bottom, #0b4969 0%, #106997 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0b4969', endColorstr='#ff106997', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #0b4767;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #0b4969;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #0b4969;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}


.btn-grid {
  /*margin:5px 10px 0px 10px;*/
  color: White !important;
  padding:5px;
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border: 1px outset #E0E0E0;

background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(115,177,231,1) 28%, rgba(10,119,213,1) 67%, rgba(10,119,213,1) 90%, rgba(10,119,213,1) 90%, rgba(83,159,225,1) 100%, rgba(135,188,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,228,247,1)), color-stop(28%,rgba(115,177,231,1)), color-stop(67%,rgba(10,119,213,1)), color-stop(90%,rgba(10,119,213,1)), color-stop(90%,rgba(10,119,213,1)), color-stop(100%,rgba(83,159,225,1)), color-stop(100%,rgba(135,188,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 28%,rgba(10,119,213,1) 67%,rgba(10,119,213,1) 90%,rgba(10,119,213,1) 90%,rgba(83,159,225,1) 100%,rgba(135,188,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 28%,rgba(10,119,213,1) 67%,rgba(10,119,213,1) 90%,rgba(10,119,213,1) 90%,rgba(83,159,225,1) 100%,rgba(135,188,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 28%,rgba(10,119,213,1) 67%,rgba(10,119,213,1) 90%,rgba(10,119,213,1) 90%,rgba(83,159,225,1) 100%,rgba(135,188,234,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 28%,rgba(10,119,213,1) 67%,rgba(10,119,213,1) 90%,rgba(10,119,213,1) 90%,rgba(83,159,225,1) 100%,rgba(135,188,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}

.btn-primaryright {
  margin:7px 10px 0px 10px;
  color: #fff;
border:outset 1px white;

background: rgb(41,100,139); /* Old browsers */
background: -moz-linear-gradient(top, rgba(41,100,139,1) 23%, rgba(46,138,184,1) 98%, rgba(129,193,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(41,100,139,1)), color-stop(98%,rgba(46,138,184,1)), color-stop(100%,rgba(129,193,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(41,100,139,1) 23%,rgba(46,138,184,1) 98%,rgba(129,193,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(41,100,139,1) 23%,rgba(46,138,184,1) 98%,rgba(129,193,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(41,100,139,1) 23%,rgba(46,138,184,1) 98%,rgba(129,193,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(41,100,139,1) 23%,rgba(46,138,184,1) 98%,rgba(129,193,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29648b', endColorstr='#81c1dd',GradientType=0 ); /* IE6-9 */

}

.btn-primaryleft {
  margin:7px 10px 0px 10px;
  
  background: #98b9dc; /* Old browsers */
background: -moz-linear-gradient(top, #cedbe9 0%, #3a84c3 0%, #3a84c3 0%, #3a84c3 0%, #aac5de 1%, #aac5de 1%, #aac5de 5%, #6199c7 50%, #4bb8f0 83%, #4bb8f0 83%, #419ad6 99%, #419ad6 99%, #419ad6 100%, #3a8bc2 100%, #26558b 100%, #419ad6 101%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedbe9), color-stop(0%,#3a84c3), color-stop(0%,#3a84c3), color-stop(0%,#3a84c3), color-stop(1%,#aac5de), color-stop(1%,#aac5de), color-stop(5%,#aac5de), color-stop(50%,#6199c7), color-stop(83%,#4bb8f0), color-stop(83%,#4bb8f0), color-stop(99%,#419ad6), color-stop(99%,#419ad6), color-stop(100%,#419ad6), color-stop(100%,#3a8bc2), color-stop(100%,#26558b), color-stop(101%,#419ad6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cedbe9 0%,#3a84c3 0%,#3a84c3 0%,#3a84c3 0%,#aac5de 1%,#aac5de 1%,#aac5de 5%,#6199c7 50%,#4bb8f0 83%,#4bb8f0 83%,#419ad6 99%,#419ad6 99%,#419ad6 100%,#3a8bc2 100%,#26558b 100%,#419ad6 101%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cedbe9 0%,#3a84c3 0%,#3a84c3 0%,#3a84c3 0%,#aac5de 1%,#aac5de 1%,#aac5de 5%,#6199c7 50%,#4bb8f0 83%,#4bb8f0 83%,#419ad6 99%,#419ad6 99%,#419ad6 100%,#3a8bc2 100%,#26558b 100%,#419ad6 101%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cedbe9 0%,#3a84c3 0%,#3a84c3 0%,#3a84c3 0%,#aac5de 1%,#aac5de 1%,#aac5de 5%,#6199c7 50%,#4bb8f0 83%,#4bb8f0 83%,#419ad6 99%,#419ad6 99%,#419ad6 100%,#3a8bc2 100%,#26558b 100%,#419ad6 101%); /* IE10+ */
background: linear-gradient(to bottom, #cedbe9 0%,#3a84c3 0%,#3a84c3 0%,#3a84c3 0%,#aac5de 1%,#aac5de 1%,#aac5de 5%,#6199c7 50%,#4bb8f0 83%,#4bb8f0 83%,#419ad6 99%,#419ad6 99%,#419ad6 100%,#3a8bc2 100%,#26558b 100%,#419ad6 101%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#419ad6',GradientType=0 ); /* IE6-9 */

}
.nav1 {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  float:left;
    margin-top:2px;
}
.nav1 > li {
  position: relative;
  display: block;
}
.nav1 > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color:white;

background: rgb(91,162,228); /* Old browsers */
background: -moz-linear-gradient(top, rgba(91,162,228,1) 0%, rgba(79,154,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,162,228,1)), color-stop(100%,rgba(79,154,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(91,162,228,1) 0%,rgba(79,154,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(91,162,228,1) 0%,rgba(79,154,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(91,162,228,1) 0%,rgba(79,154,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(91,162,228,1) 0%,rgba(79,154,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba2e4', endColorstr='#4f9add',GradientType=0 ); /* IE6-9 */
}
.nav1 > li > a:hover,
.nav1 > li > a:focus {
  text-decoration: none;
  color:#999;

    background: rgb(216,237,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(216,237,246,1) 0%, rgba(203,230,243,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,237,246,1)), color-stop(100%,rgba(203,230,243,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(216,237,246,1) 0%,rgba(203,230,243,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(216,237,246,1) 0%,rgba(203,230,243,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(216,237,246,1) 0%,rgba(203,230,243,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(216,237,246,1) 0%,rgba(203,230,243,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8edf6', endColorstr='#cbe6f3',GradientType=0 ); /* IE6-9 */
}
.nav1 > li.disabled > a {
  color: #999;
}
.nav1 > li.disabled > a:hover,
.nav1 > li.disabled > a:focus {
  color: #999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav1 .open > a,
.nav1 .open > a:hover,
.nav1 .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav1 .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav1 > li > a > img {
  max-width: none;
}
.nav1-tabs > li {
  float: left;
  margin-bottom: -1px;
      /*border-top:solid 2px white;*/
}
.nav1-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav1-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav1-tabs > li.active > a,
.nav1-tabs > li.active > a:hover,
.nav1-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav1-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav1-tabs.nav-justified > li {
  float: none;
}
.nav1-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
  margin-right: 0;
  border-radius: 4px;
}
.nav1-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav1-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav1-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav1-tabs.nav-justified > .active > a,
.nav1-tabs.nav-justified > .active > a:hover,
.nav1-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
    .nav1-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav1-tabs.nav-justified > .active > a,
    .nav1-tabs.nav-justified > .active > a:hover,
    .nav1-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.welcomeuser {
    margin:25px 30px 25px 30px;
}
.navtabsmargine {
    margin:0px 20px 20px 60px;
}
.WelcomeUserIdentifierLabel, .CurrentPortalUser,.CurrentPage {
   color:#4E7AC7 !important;
   font-size:16px !important;
   font-family:Arial !important;
   font-weight:bold;
}
.CurrentPageSpace {
    margin-right:5px;
}
.userimage /*Displays the header for the portal */
{
	margin: 7px  5px 5px 5px;
    background:transparent url(images/blue-user.png) no-repeat top;
    width:35px;
    height:35px;
}
.PortalIdentifierLabel,.CurrentPortalName {
      color: #fff !important;
}
.myAnnouncements {
    margin:20px 0px 10px 20px;    
}
.displayAnnouncementMessage {
    margin:10px 0px 10px 20px;    
}
.AnnouncementPanel
{
    width:100%;
	background:transparent;
	padding:0px 5px 5px 5px;
}
.ActivityTitle {
    margin:30px 20px 10px 20px;
    padding:10px 20px 10px 20px;
    background-color:#B9DDFF;  
    height:30px;  
    cursor:pointer;
}
.AnnouncementManagerText,.UserProggresText {
    padding:10px 20px 10px 20px;
    background-color:#f8fcff;  
    font-size:13px;
    font-weight:600;
    /*height:30px;*/  
}
.AnnouncementManagerTab {
    padding:10px 20px 10px 20px;
    background-color:#b9ddff;  
    height:40px;  
}
.radius7 {
    border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    -webkit-border-radius: 7px !important; 
    border: 1px solid #dddddd !important;
}
.ViewActivityGrid {
    background-color:#B9DDFF;  
    height:30px;  
}
.AddActivityContent {
    margin:0px 0px 10px 20px;    
}
.ViewActivityContent {
    margin:0px 20px 10px 20px;    
}
.SaveButton {
	padding:10px 20px 0px 0px;
    text-align:right;
}
.FieldTextLarge {
    width:40%;
}
.ReportsPageTable {
    margin:20px;
    margin-bottom: 90px !important;
}
.LearnerLabel{
    width:100%;
    margin-bottom:5px;
}
.PortalName{
    padding:7px;
    margin-top:10px;
    height:30px;
        border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px; 
}
.alignright{
    text-align:right !important;
}
/*******************************
 *  GRIDVIEW
 *******************************/

.gridheader
{
    /*border:outset 1px white;*/
    background: rgb(41,100,139); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(41,100,139,1) 23%, rgba(46,138,184,1) 98%, rgba(129,193,221,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(41,100,139,1)), color-stop(98%,rgba(46,138,184,1)), color-stop(100%,rgba(129,193,221,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(41,100,139,1) 23%,rgba(46,138,184,1) 98%,rgba(129,193,221,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(41,100,139,1) 23%,rgba(46,138,184,1) 98%,rgba(129,193,221,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(41,100,139,1) 23%,rgba(46,138,184,1) 98%,rgba(129,193,221,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(41,100,139,1) 23%,rgba(46,138,184,1) 98%,rgba(129,193,221,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29648b', endColorstr='#81c1dd',GradientType=0 ); /* IE6-9 */
    height: 20px;
    padding-right:10px;
    color:white;
}

.gridheader a
{
	color:white;
}

.gridheader a:hover
{
	color: #B9DDFF;
}

.gridfooter a:hover
{
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}

.gridfooter a:active
{
    color:white;
    font-weight:bold;
    text-decoration:underline;
}
.gridfooter span
{
    font:arial 10px;
    color:#336699;
    font-weight:bold;
    text-decoration:none;
}

.gridfooter a
{
    color: #424242;
    font-weight:normal;
    text-decoration:none;
}