body {
	padding-top:200px; 
    padding-bottom: 70px; 

    font-size:1.5vh;  

}


.glyphicon.glyphicon-align-justify {
    font-size: 25px;
}

.clsMainMenuHeaderSection
{
    border: none;
    width: 100%;
     
}

.clsMainMenuHeaderContent
{
    border: none;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}


.clsMainMenu a   {
    font-family: Calibri,'Arial Unicode MS',Arial;
    font-size: 12pt;    
    font-weight: bold;
    color: #656565;  
    text-decoration: none;  
    margin-left:20px;
    margin-right:0px; 
       
}


.clsMainMenu a:hover 
   {
color:#f00406;

}


.clsMainMenu a:visited  
   {

       
}


.clsMainMenuSep {

    width:100%;
    background-image: url('images/Gray-Line.JPG');
    height:10px; 
      
}

.clsFooterSection 
{
    width:100%; 
     font-size: 9pt;   
     background: #f0f0f0;
     color:#9b9b9b;
}

.clsFooterSection a 
{
  text-decoration:none; 
  color:#9b9b9b;
}

.clsFooterSection a:hover 
{
  color:#f00406;
  
}

.clsFooterSection a:visited 
{
  
  color:#9b9b9b;
}


.clsFooterContent1 {
    border: none;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px; 
    margin-bottom:10px;
}

.clsFooterContent1  a
{
    text-decoration:none  
}

.clsFooterContent1  a:hover 
{
  color:#f00406;
}

.clsFooterContent1  a:visited  
{
  
}

.clsFooterContent2 {
    border: none;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px; 
    margin-bottom:10px;
    text-align:center;  
}



.clsPageSection 
{
    border: none;
    width:100%; 
 
}


.clsPageContent
{
    border: none;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;  
}


.clsBannerBarSection 
{
    border: none;
    width:100%; 
    height: 118px;
    background-image: url('images/Banner-Bar-long.png');
    background-position: center;  
    background-repeat :  no-repeat ;

 
}

.clsBannerBarContent
{
    border: none;
    width: 940px;
    height: 118px;
    margin-left: auto;
    margin-right: auto;
}

.clsFontNavyBlue {
    color: #0050a2;
}
.clsFontRed {
    color: #f00406;
}

.clsDefaultPageSideMenu {
    color: #0050a2;
}

.clsDefaultPageSideMenu a
{
    color: #0050a2;
    text-decoration:none;
}

.clsDefaultPageSideMenu a:visited 
{
    color: #0050a2;
    text-decoration:none;
}

.clsDefaultPageSideMenu a:hover  
{
    color: #f00406;
    text-decoration:none;
}


.clsBreadCrumbSection 
{
    border: none;
    width:100%; 
    height: 35px;
    vertical-align: middle;
 
}

.clsBreadCrumbContent
{
    border: none;
    width: 940px;
    height: 30px;    
    color: #6a6a6a;
    font-size:10pt;  
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px; 
    font-weight:bold;   
    
}

.clsBreadCrumbContent a 
{
        color: #6a6a6a;
        text-decoration:none;  
}

.clsBreadCrumbContent a:hover  
{
        color: #6a6a6a;
        text-decoration:none;  
}

.clsBreadCrumbContent a:visited   
{
        color: #6a6a6a;
        text-decoration:none;  
}

.clsPageContentCol {
    border:none;
    padding-left:60px;
    padding-right:20px;
    vertical-align: top;
}

.clsPageContentProdServiceCol {
    border-right:solid;
    border-right-style:solid;  
    border-right-color: #e2e2e2;
    border-right-width: 1px;
    width: 300px;    
    vertical-align: top; 
    text-align:left;  
    background-color:#f5faff;
}


/* bootstrap 3 helpers */

.navbar-form input, .form-inline input {
	width:auto;
}

/* end */

/* custom theme + Bootstrap resets */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400');

header {
	min-height:180px;
  	margin-bottom:5px;
}


/* only apply sticky columns on wider screens */


@media (max-width: 767px) {

    body
    {
        /*background-color: green;*/
        padding-top: 200px!Important;
        padding-bottom: 10px;
    }

 
}



@media (min-width: 768px) and (max-width: 1199px) {

    body
    {
        /*background-color: yellow;*/
        padding-top: 200px!Important;
        padding-bottom: 10px;
    }

      .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

 
  #sidebar {
 	margin-left:0px;
  }

  #content {
 	padding-right:0px;
  }

  #sidebar.affix-top {
      
  }
  
  #sidebar.affix {
      position:  relative;

      /*width:277px;*/
  }

  #midCol.affix-top {
      position: static;
  }

  #midCol.affix-bottom {
      padding-top:0;
  }
  
  #midCol.affix {
      position:fixed !important;
  	  top: 20px;
  	  width:290px;
  }
}


@media (min-width:1200px) {

    body
    {
        /*background-color: cyan;*/
        padding-top: 180px;
        padding-bottom: 70px;
    }

  #sidebar {
 	margin-left:0px;
  }

  #content {
 	padding-right:0px;
  }

  #sidebar.affix-top {
      
  }
  
  #sidebar.affix {
      position:  relative;

      /*width:277px;*/
  }

  #midCol.affix-top {
      position: static;
  }

  #midCol.affix-bottom {
      padding-top:0;
  }
  
  #midCol.affix {
      position:fixed !important;
  	  top: 20px;
  	  width:290px;
  }
}

.affix {
      position:static;
}

nav {
  font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
  font-weight:300;
  /*color:#676767;*/
    /*background-color:#efefef;*/
  color:#676767;
  background-color:#ffffff;
 
}

a,a:hover {
	color:#77CCDD;
  	text-decoration:none;
}

.highlight-bk {
	background-color:#77CCDD;
    padding:1px;
    width:100%;
}

.highlight {
	color:#77CCDD;
}
  
h3.highlight  {
	padding-top:13px;
    padding-bottom:14px;
  	border-bottom:2px solid #77CCDD;
}

.navbar {
    /* background-color:#77CCDD; color:#f00406;
      color: #656565;   */
	/* background-color:#FFFFFF;
  	color:#ffffff;*/
    background-color:#ffffff;
  	color:#000000;
    margin-bottom:2px;
    padding-top:20px; 
    border-bottom:0px none;
    /*padding-bottom:20px;*/ 
     
}
.custcolor {
    
    background-color:#0089c9;
     
}

.navbar-nav > li > a {
    /* color:#fff;   
        color:#656565;
        background-color:#77CCDD;
        border-bottom:1px solid #77CCDD;
        border-left:1px solid #FFFFFF;
    */
  	color:#ffffff!important;
    font-size:14px;   
    font-weight:400;     
  	padding-left:20px;
  	padding-right:20px;
    border-bottom:1px solid #0089c9;
  	
}
.navbar-nav > li:last-child > a {
  	/*border-right:1px solid #FFFFFF;*/

      
}

.navbar-nav li a:hover {
  	
      background-color:#0089c9;
   color:#ffffff!important;
   font-weight:800; 
 
}

.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
	color: #000;
  	opacity:.9;
}

.navbar-brand {
	color:#fff;
}

.accordion-group {
	border-width:0;
}

.dropdown-menu {
	min-width: 200px;
}

.caret {
	color:#fff;
}

.navbar-toggle {
	color:#ffffff;
    border-width:0;
    
}
  
.navbar-toggle:hover {
	background-color:#ffb400;
    color:#ffffff;
}

.panel,.panel-heading {
  	border-radius:0;
  	border-width:0;
  	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.09);
	box-shadow: 0 3px 3px  rgba(0, 0, 0, 0.09);
    /*padding-left:40px; 
    padding-right:40px;*/
}

.thumbnail {
	margin-bottom:8px;
	border-radius:0;
}

.well {
  	border-radius:0;
}

.accordion-heading .accordion-toggle, .accordion-inner, .nav-stacked li > a {
	padding-left:1px;
}

footer {
	min-height:60px;
  	background-color:#dfdfdf;
  	color:#888;
  	margin-top:20px;
}

/*@media (min-width: 992px) {
  .no-gutter.row > div[class*='col-md'] {
   
  }
  .no-gutter.row > .col-md-12 {
    width: 99.99999999999999%;
    *width: 99.93055555555554%;
  }
  .no-gutter.row .col-md-11 {
    width: 91.66666666666666%;
    *width: 91.59722222222221%;
  }
  .no-gutter.row > .col-md-10 {
    width: 83.33333333333331%;
    *width: 83.26388888888887%;
  }
  .no-gutter.row > .col-md-9 {
    width: 74.99999999999999%;
    *width: 74.93055555555554%;
  }
  .no-gutter.row > .col-md-8 {
    width: 66.66666666666666%;
    *width: 66.59722222222221%;
  }
  .no-gutter.row > .col-md-7 {
    width: 58.33333333333333%;
    *width: 58.263888888888886%;
  }
  .no-gutter.row > .col-md-6 {
    width: 49.99999999999999%;
  }
  .no-gutter.row > .col-md-4 {
    width: 33.33333333333333%;
  }
  .no-gutter.row > .col-md-3 {
    width: 24.999999999999996%;
    *width: 24.930555555555554%;
  }
  .no-gutter.row > .col-md-2 {
    width: 16.666666666666664%;
    *width: 16.59722222222222%;
  }
  .no-gutter.row > .col-md-1 {
    width: 8.333333333333332%;
    *width: 8.263888888888888%;
  }
}*/

/* end custom theme */
.ContentTitle {
     color:#ffffff; 
    font-size:14px;
    line-height:22px; 
    letter-spacing: 1.5px;
    padding-left:20px; 
    padding-right:20px;
}


.ContentTitle h3{
    color: #ffffff;
    font-family: "lato_bold", arial;
    font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ContentTitle p{
    color: #ffffff;
    font-family: "lato_regular", arial;
    font-size: 17px;
    margin-top: 20px;
    letter-spacing: .5px;
    padding-left: 20px;
    padding-right: 20px;
    
}



/*  Why Choose Us section  */
.whychooseus{
    text-align: center;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
}

.whychooseus h3{
    color: #6b6b6b;
    font-family: "lato_bold", arial;
    font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.whychooseus p{
    color: #7f7c7c;
    font-family: "lato_regular", arial;
    font-size: 17px;
    margin-top: 20px;
    letter-spacing: .5px;
    padding-left: 20px;
    padding-right: 20px;
    
}

.whychooseus .whychooseus_sep{
    display: block;
    width: 1px;
    height: 100px;
    background: #dedede;
    margin: 0 auto;
}

.booking_pic{
    padding-top: 0px;
    margin-top: 0px;
    display: block;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    width: auto;  


}


.whychooseus .whychooseus_gap{
    display: block;
    width: 1px;
    height: 100px;
    
}



/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*footer*/

.footer-custom {
    
    height:80px;
    padding-top:10px; 
    vertical-align:middle;  
    background-color: #d6dce5; 
    z-index:2000;  
    border-top: solid 1px #a5a5a5; 
    text-align:center; 
}
/*end footer*/


/*navbar*/

.navbar-fixed-top-custom {
    
   
   /*text-align:center;*/ 
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}
.navbar .navbar-collapse {
    text-align: center;
}

/*end navbar*/



/**Student Portal CSS*/

.PageTitle {
    
    /*color: #8b8b8b;  	
    text-shadow: 2px 2px #e6e6e6;
        */

    background-color:#f0f0f0; 
    color: #0089c8;  	
    text-shadow: 2px 2px #e6e6e6;

    
    font-size:18pt;
    font-family: Tahoma , Arial;   
    padding:10px 10px 10px 10px;    
    /*border-bottom: 1px solid #e6e6e6 ;*/
    border: 1px solid #e6e6e6 ;
    margin-top :20px;    
    margin-bottom :20px;    

       border-radius: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        -webkit-border-radius: 8px;
}

.PageContent {
    padding-top:10px; 
    padding-left:20px;
    padding-right:20px;
    padding-bottom:10px;
    /*background-color : #FFFFFF;*/
    font-size:10pt; 
}

.PageContent a:before {
    text-decoration:none;  
}

.PageContent a:hover  {
    text-decoration:none;  
}


.PageContent a:visited   {
    text-decoration:none;  
}



.clsSectionHeader {
    width:100%;
    height:40px; 
    vertical-align:middle;
    /*padding-left:10px;   
    padding-top:5px;
    padding-bottom:5px;
    padding-right:10px;*/
    background-color:#0089c9;
    color:#FFFFFF;
    font-weight:bold;  
}

    .clsSectionHeader td {
        width:100%;
    }



    
    
/*Style for CPStudPortalAnnouncePosting*/


.clsTableCPStudPortalAnnouncePosting
{
    border-collapse: collapse;
    width: 100%;
    font-size: 11pt;	
	font-family: Arial;
    border: 1px;
    border-style:none; 
    border-color: gray;
    padding: 10px 10px 10px 10px;  
    text-align: left;
    background-color:white;
     
}



.ItemContent {
    padding: 10px 10px 10px 10px;  
    font-size: 10pt;	

}




.clsCPStudPortalAnnouncePostingSectionHeader {
    font-size: 13pt;	
	font-family: Arial;
    font-weight:bold;  
    line-height:30px; 
    padding: 10px 10px 10px 10px;  
}

.clsCPStudPortalAnnouncePostingSectionInfo
{
    
    width:100%;
    border-bottom: 1px solid #e6e6e6; 
    padding: 20px 10px 10px 10px;  

}

.clsCPStudPortalAnnouncePostingTitle
{
    /*color: #20a7e6;*/
    color:#0089c8;
    font-size: 16pt;	
	/*font-weight:bold;*/  
    

}

.clsCPStudPortalAnnouncePostingPostInfo
{
    line-height:30px; 
    font-size: 10pt;	
	font-family: Arial;
    color: gray;  
        
}

.clsCPStudPortalAnnouncePostingPostDate
{
    
    font-size: 10pt;	
	font-family: Arial;
    color: gray;  
        
}

.clsCPStudPortalAnnouncePostingPostBy
{
    font-size: 10pt;	
	font-family: Arial;
    color: gray;  
    
}
/*End Style for CPStudPortalAnnouncePosting*/



/*Style for CPStudPortalPosting*/
.clsPanelCPStudPortalPosting  {
    
    border: 1px solid #e6e6e6;
     border-radius: 15px;
        -moz-border-radius: 15px;
        -khtml-border-radius: 15px;
        -webkit-border-radius: 15px;
        padding: 10px 10px 10px 10px;  
        margin-bottom:40px; 


} 


.clsTableCPStudPortalPosting
{
    border-collapse: collapse;
    width: 100%;
    font-size: 10pt;	
	font-family: Arial;
    
    border-style:none; 
    
    padding: 10px 10px 10px 10px;  
    text-align: left;
    background-color:white;
    

    
     
}



.clsCPStudPortalPostingSectionHeader {
    font-size: 13pt;	
	font-family: Arial;
    font-weight:bold;  
    line-height:30px; 
    padding: 10px 10px 10px 10px;  
}

.clsCPStudPortalPostingSectionInfo
{
    
    width:100%;
    border-bottom: 1px solid #e6e6e6; 
    padding: 20px 10px 10px 10px;  
    background-color :#f0f0f0;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-spacing:0px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    
}

.clsCPStudPortalPostingTitle
{
    color: #20a7e6;
    font-size: 12pt;	
	font-family: Arial;
    font-weight:bold;  
    

}


.clsCPStudPortalPostingTitle a:before 
{
    color: #20a7e6;
    font-size: 12pt;	
	font-family: Arial;
    font-weight:bold;  
    text-decoration:none; 

}


.clsCPStudPortalPostingTitle a:link 
{
    color: #20a7e6;
    font-size: 12pt;	
	font-family: Arial;
    font-weight:bold;  
    text-decoration:none; 

}

.clsCPStudPortalPostingPostInfo
{
    line-height:30px; 
    font-size: 10pt;	
	font-family: Arial;
    color: gray;  
        
}

.clsCPStudPortalPostingPostDate
{
    
    font-size: 10pt;	
	font-family: Arial;
    color: gray;  
        
}

.clsCPStudPortalPostingPostBy
{
    font-size: 10pt;	
	font-family: Arial;
    color: gray;  
    
}




.ItemContent {
    padding: 10px 10px 10px 10px;  
    font-size: 10pt;	

}



.ItemCategoryHeader{
    padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
}


.ItemCategoryHeader a:active {
    padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
    text-decoration:none;  
}

.ItemCategoryHeader a:before  {
    padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
    text-decoration:none;  
}

.ItemCategoryHeader a:after  {
    padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
    text-decoration:none;  
}


.ItemCategoryHeader a:visited  {
    padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
    text-decoration:none;  
}

.ItemCategoryHeader a:hover  {
    padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
    text-decoration:none;  
}


.ItemHeader{
    padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
}

.ItemHeader a:active {

 padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
    text-decoration:none;   

    }

.ItemHeader a::before {

 padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
    text-decoration:none;   

    }

.ItemHeader a:hover {

 padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
    text-decoration:none;   

}



.ItemHeader a:after {

 padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
    text-decoration:none;   

}



.ItemHeader a:visited {

 padding-left: 0px;   
    border:none;
    font-size:16pt; 
    font-family: Arial;     
    text-decoration-style:solid;  
	color: #4f4f4f;   
    text-shadow: 2px 2px #e6e6e6;
    margin-top:10px; 
    margin-bottom:15px;
    text-decoration:none;   

}



/*End Style for CPStudPortalPosting*/





.clsContentBox {

       
    font-size:18pt;
    font-family: Tahoma , Arial;   
    padding:10px 10px 10px 10px;    
    /*border-bottom: 1px solid #e6e6e6 ;*/
    border: 1px solid #e6e6e6 ;
    margin-top :10px;    
    margin-bottom :10px;    
           border-radius: 8px;
        -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        -webkit-border-radius: 8px;
}



.AnnouncementPageTitle {
    
    /*color: #8b8b8b;  	
    text-shadow: 2px 2px #e6e6e6;
        */

    background-color:#0089c8; 
    color: #ffffff;  	
    /*text-shadow: 2px 2px #e6e6e6;*/

    
    font-size:18pt;
    font-family: Tahoma , Arial;   
    padding: 10px 10px 10px 10px;
    /*border-bottom: 1px solid #e6e6e6 ;*/
    border: 1px solid #e6e6e6 ;
    margin-top :20px;    
    margin-bottom :20px;    

    border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
}


.clsEnrolCPHeader {
    background-color:#4289a9;
    color:#ffffff; 
    font-size: 12pt; 
    vertical-align:central;
    text-align:center;    
    padding-top:10px;  
    padding-bottom:10px;  
    border:1px solid #dfdfdf;
}


.clsEnrolCPItem {
    background-color:#ffffff;
    color:#6a6a6a; 
    font-size: 11pt; 
    vertical-align:central;
    text-align:center;    
    padding-top:10px;  
    padding-bottom:10px;  
    border:1px solid #dfdfdf;
}



.clsAttnTableHeader {
    background-color:#4289a9;
    color:#ffffff; 
    font-size: 12pt; 
    vertical-align:central;
    text-align:center;    
    padding-top:10px;  
    padding-bottom:10px;  
    border:1px solid #dfdfdf;

}


.clsAttnTableItem {
    background-color:#ffffff;
    color:#6a6a6a; 
    font-size: 11pt; 
    vertical-align:central;
    text-align:center;    
    padding-top:10px;  
    padding-bottom:10px;  
    border:1px solid #dfdfdf;

}




.clsFinanceTableHeader {
    background-color:#4289a9;
    color:#ffffff; 
    font-size: 12pt; 
    vertical-align:central;
    text-align:center;    
    padding-top:10px;  
    padding-bottom:10px;  
    border:1px solid #dfdfdf;

}


.clsFinanceTableItem {
    background-color:#ffffff;
    color:#6a6a6a; 
    font-size: 11pt; 
    vertical-align:central;
    text-align:center;    
    padding-top:10px;  
    padding-bottom:10px;  
    border:1px solid #dfdfdf;

}




.clsLessMakeupTableHeader {
    background-color:#4289a9;
    color:#ffffff; 
    font-size: 1.5vh; 
    vertical-align:central;
    text-align:center;    
    padding-top:10px;  
    padding-bottom:10px;  
    border:1px solid #dfdfdf;


}


.clsLessMakeupTableItem {
    background-color:#ffffff;
    color:#6a6a6a; 
    font-size: 1.5vh; 
    vertical-align:central;
    text-align:center;    
    padding-top:10px;  
    padding-bottom:10px;  
    border:1px solid #dfdfdf;

}




/*.row.display-table {
   display: table;
}

.row.display-table [class*=’col-’] {
   float: none;
   display: table-cell;
}*/


  
.form-group.required.control-label:after{
   color: red;
   content: "*";
   position: absolute;
   margin-left: -10px;
}



    
    
/*Style for CPStudPortalAssignmentPosting*/


.clsTableCPStudPortalAssignmentPosting
{
    border-collapse: collapse;
    width: 100%;
    font-size: 11pt;	
	font-family: Arial;
    border: 1px;
    border-style:none; 
    border-color: gray;
    padding: 10px 10px 10px 10px;  
    text-align: left;
    background-color:white;
     
}



.ItemContent {
    padding: 10px 10px 10px 10px;  
    font-size: 10pt;	

}




.clsCPStudPortalAssignmentPostingSectionHeader {
    font-size: 13pt;	
	font-family: Arial;
    font-weight:bold;  
    line-height:30px; 
    padding: 10px 10px 10px 10px;  
}

.clsCPStudPortalAssignmentPostingSectionInfo
{
    
    width:100%;
    border-bottom: 1px solid #e6e6e6; 
    padding: 20px 10px 10px 10px;  

}

.clsCPStudPortalAssignmentPostingTitle
{
    /*color: #20a7e6;*/
    color:#0089c8;
    font-size: 16pt;	
	/*font-weight:bold;*/  
    

}

.clsCPStudPortalAssignmentPostingPostInfo
{
    line-height:30px; 
    font-size: 10pt;	
	font-family: Arial;
    color: gray;  
        
}

.clsCPStudPortalAssignmentPostingPostDate
{
    
    font-size: 10pt;	
	font-family: Arial;
    color: gray;  
        
}

.clsCPStudPortalAssignmentPostingPostBy
{
    font-size: 10pt;	
	font-family: Arial;
    color: gray;  
    
}

.clsTableCPStudPortalPostingLabelTD
{
    padding-left:10px;
    padding-bottom:10px;
    font-weight:bold;
    width:150px
}

.clsTableCPStudPortalPostingDataTD
{
    padding-left:10px;
    padding-bottom:10px;

}
/*End Style for CPStudPortalAssignmentPosting*/

.clsTableSupportTD
{
    border-collapse: collapse;
    
    font-size: 10pt;	
	font-family: Arial;
    border: 1px;
    border-style: solid ; 
    background-color: #FFFFFF ;
    border-color:#e6e6e6;
    padding: 10px 10px 10px 10px;  
    text-align: center ;
    height:30px;
    vertical-align:top;
}