
/*

Erie Community College
Client CSS
Ellucian Inc.

*/
@import url('ektronOverrides.css');
/* --- >>> Base Typography  <<< ---*/
/*
    font-family: 'ITC Franklin Gothic W01';
    font-family: 'Gill Sans W04';
*/

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=6c87b5c0-3a92-412a-a7f4-4aede6544015");
@font-face{
font-family:"Gill Sans W04_n3";
src:url("Fonts/dee6d045-72f8-42af-8222-1fd982bd35f8.eot?#iefix") format("eot")
}
@font-face{
font-family:"Gill Sans W04";
src:url("Fonts/dee6d045-72f8-42af-8222-1fd982bd35f8.eot?#iefix");
src:url("Fonts/dee6d045-72f8-42af-8222-1fd982bd35f8.eot?#iefix") format("eot"),url("Fonts/8ebc7504-07be-4579-8eea-afb3316bc352.woff") format("woff"),url("Fonts/1a76c408-46e7-4b71-a959-71c2b3f168e8.ttf") format("truetype"),url("Fonts/3d5e97e3-b0be-4a85-809b-731ef45f878c.svg#3d5e97e3-b0be-4a85-809b-731ef45f878c") format("svg");
font-weight: 300;
font-style: normal;
}
@font-face{
font-family:"ITC Franklin Gothic W01_n3";
src:url("Fonts/05bfbc51-0c0b-440a-8a25-45b86f0289d5.eot?#iefix") format("eot")
}
@font-face{
font-family:"ITC Franklin Gothic W01";
src:url("Fonts/05bfbc51-0c0b-440a-8a25-45b86f0289d5.eot?#iefix");
src:url("Fonts/05bfbc51-0c0b-440a-8a25-45b86f0289d5.eot?#iefix") format("eot"),url("Fonts/b547d31d-69fc-40d6-8013-e9b6f0b38df0.woff") format("woff"),url("Fonts/8e90e5d2-659a-4b9f-b68a-8ae72539e7b4.ttf") format("truetype"),url("Fonts/125eafff-7b5a-4c56-8a3a-d3fe11d8c3cc.svg#125eafff-7b5a-4c56-8a3a-d3fe11d8c3cc") format("svg");
font-weight: 300;
font-style: normal;
}
@font-face{
font-family:"ITC Franklin Gothic W01_i3";
src:url("Fonts/721c755e-eb3b-4ca0-b709-17464d40b416.eot?#iefix") format("eot")
}
@font-face{
font-family:"ITC Franklin Gothic W01";
src:url("Fonts/721c755e-eb3b-4ca0-b709-17464d40b416.eot?#iefix");
src:url("Fonts/721c755e-eb3b-4ca0-b709-17464d40b416.eot?#iefix") format("eot"),url("Fonts/c7eb9d8d-6dea-4484-b775-9542a1571a8a.woff") format("woff"),url("Fonts/e1ab3288-7287-4732-b338-08f7ba152f8a.ttf") format("truetype"),url("Fonts/a7d47205-7be9-48ab-bf9d-db13411bebb6.svg#a7d47205-7be9-48ab-bf9d-db13411bebb6") format("svg");
font-weight: 300;
font-style: italic;
}


body {
	background-color:#d7d6d4;
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6 { margin-top: 0;}


h1, h2 {
font-size:30px;
line-height:1.25;
text-transform: uppercase;
font-family:"Gill Sans W04"
} 
h3 {
font-size:26px;
line-height:1.25;
text-transform: uppercase;
font-family:"Gill Sans W04"
}
h4 {
font-size:22px;
line-height:1.25;
font-family:"Gill Sans W04"
}
h5 {
font-size:14px;
line-height:1.25;
}
h6 {
font-size:14px;
font-style:italic;
line-height:1.25;
}
p {
    margin-bottom:1.25em;
}
a, a:link {
	color:#c41230;
}
a:hover, a:active, a:visited {
	color:#96021b;
}

img {
    max-width: 100%;
    height: auto;
}

/* --- >>> Header Area  <<< ---*/
header {
    background: #fff;
    padding-top: 25px;
}
    h1#logo {
        margin: 0 0 25px 0;
        padding: 0;
        float: left;
       
    }
    
    #logo a {
        display: block;
        width: 513px;
        height: 58px;
        max-width: 100%;
        text-indent: -9999px;
        overflow: hidden;
        background: url(/client/images/ecclogo.png) no-repeat;
        background-size: 100%;
    }
    .auxiliaryNav {
       clear:both;
	   float: left;
       margin: 0;
       padding: 3px 0 0 0;
    }
    
        .auxiliaryNav li {
            display: block;
            float: left;
            margin: 0 7px 0 0;
            padding: 0 0 0 7px;
            border-left: 1px solid #d7d6d4;
        }
        
        .auxiliaryNav li:first-child {
            border: 0;
            padding-left: 0;
        }
        
            .auxiliaryNav li a {
                text-transform: uppercase;
                font-size: 13px;
                font-weight: bold;
            }
    
    
        
	#topNav li a {
		color: #000;
	}
	
	#audienceNav {
	padding-top:15px;
	}
	#audienceNav li {
	border-left:0px;
	}
	#audienceNav li a{
	font-size:12px;
	}
	#audNavCt h2 {
	display:none;
	}
            
    #search {
       position:absolute;
        height: 30px;
       right:0px;
    }  
    
        #search input.search-query {
            background: #d7d6d4;
            border-radius: 3px;
            border: 0;
            padding: 5px;
            font-size: 11px;
            float: left;
            width: 160px;
        }
        
        #search button {
            float: left;  
            background: transparent; 
            border: 0;
            padding-top: 3px;
        }
            #search .icon-search {
                display: block;
                width: 16px;
                height: 16px;
                background: url(/client/images/search.png) no-repeat;
            }
    
    #mobileNav { display: none; }
    
    #mainNav {
        background: #ca1134; /* Old browsers */
        background: -moz-linear-gradient(left,  #ca1134 50%, #ffffff 50%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(50%,#ca1134), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #ca1134 50%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #ca1134 50%,#ffffff 50%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #ca1134 50%,#ffffff 50%); /* IE10+ */
        background: linear-gradient(to right,  #ca1134 50%,#ffffff 50%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca1134', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
        height: 39px;
        overflow: hidden;
    }   
    
        #mainNav ul.nav {
            width: 100%;
             background:#ca1134;
        }
        
      
        #mainNav li {
            margin-right: 25px;  
            margin-right: 10px; 
        }
        
            #mainNav li a {
                color: #fff;   
                padding: 10px 8px;
                font-family: "ITC Franklin Gothic W01";
                font-size: 20px;
                
            } 
            
                #mainNav li a:hover,
                #mainNav li a.current {
                    background:  #981a2d;  
                }
            
            .navbar-default .navbar-nav > .active > a, 
            .navbar-default .navbar-nav > .active > a:hover, 
            .navbar-default .navbar-nav > .active > a:focus {
                background:  #981a2d;  
            }
            
             #mainNav li#applyToday,
             #mainNav li#gn7 {
                float: right!important;   
                margin: 0;
            }     
                #mainNav li#applyToday a,
                 #mainNav li#gn7 a {
                    padding-left: 50px;
                    padding-right: 45px;
                    padding-top: 7px;
                    padding-bottom: 13px;
                    font-size: 28px;
                    color: #ca1134;
                    background: #fff url(/client/images/apply-bg.gif) no-repeat 0 -83px;
                }

/* --- >>> Footer Area  <<< ---*/

#footerNav {
    background: #202020;
    padding: 5px 0;
}

    #footerNav ul {
        padding: 0;
        margin: 0;
    }

    #footerNav li {
        list-style: none;
        padding: 0;
        margin: 0 8% 0 0;
        float: left;
    }

        #navFooter a {
            color: #fff;
            font-family: "ITC Franklin Gothic W01";
            font-size: 19px;
            text-transform: uppercase;
        }
        
    #navSocial li {
        margin: 0 0 0 10px;
        float: right;
    }
        #navSocial li a {
            display: block;
            width: 29px;
            height: 30px;
            text-indent: -999px;
            overflow: hidden;
            background: url(/client/images/social.png) no-repeat;   
        }
        
            #navSocial li.Facebook a {
                background-position: ;
            }
                #navSocial li.Facebook a:hover {
                    background-position: 0 -32px;
                }
                
             #navSocial li.Twitter a {
                background-position: -37px 0;
            }
                #navSocial li.Twitter a:hover {
                    background-position: -37px -32px;
                }
                
                
              #navSocial li.YouTube a {
                background-position: -74px 0;
            }
                #navSocial li.YouTube a:hover {
                    background-position: -74px -32px;
                }
                
             #navSocial li.Linked a {
                background-position: -111px 0;
            }
                #navSocial li.Linked a:hover {
                    background-position: -111px -32px;
                }
				
			 #navSocial li.rss a {
                background-position: -148px 0;
				width: 30px;
            }
                #navSocial li.rss a:hover {
                    background-position: -148px -32px;
                }


#footerContent {
    background: #ca1134; /* Old browsers */
    background: -moz-linear-gradient(top,  #ca1134 0%, #a80e2b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca1134), color-stop(100%,#a80e2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ca1134 0%,#a80e2b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ca1134 0%,#a80e2b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ca1134 0%,#a80e2b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ca1134 0%,#a80e2b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca1134', endColorstr='#a80e2b',GradientType=0 ); /* IE6-9 */
    color: #fff;
    padding: 15px 0;
}

    #footerContent h2 {
        font-family: "ITC Franklin Gothic W01";
        font-size: 19px;
        margin: 0;
    }
    
    #footerContent address {
        font-size: 12px;
        font-weight: bold;
        /*margin-bottom: 1em;*/
		margin-bottom: 0px;
    }
    
    #footerContent .map {
         list-style: none;
             padding: 0;
             margin: 0;
    }
    
         #footerContent .map li {
             display: inline;
             list-style: none;
             padding: 0;
             margin: 0 10px 0 0;
         }
    
        #footerContent .map a {
            font-family: "ITC Franklin Gothic W01";
            font-size: 14px;
            /*text-transform: uppercase;*/
            color: #fff;
            background: url(/client/images/arrow-tiny-white.png) no-repeat 0 50%;
            padding-left: 7px;
        }
    
    a#footerLogo {
        display: block;
        float: right;
    }

#footerBottom {
    color: #000;
    padding: 10px 0; 
    font-size: 13px;
}
    #footerBottom a {
        margin-left: 5px;
    }

/* --- >>> Base Page  <<< ---*/

.main-col, .right-col {
    float: right;
}

.wrap-col {
    padding: 0!important;
}

#pageContent {
}

.home #pageContent {
    position: relative;
    z-index: 900;
}

#pageContent .container {
    background: #fff;   
}



    #pageTop div.pageImage {
        position: relative;  
        height: 177px;
        background: url(/client/images/banner-top.jpg) no-repeat; 
        background-position: 50% 50%;
    }
    
    
        #pageTop h1 {
            font-family: "Gill Sans W04";
            position: absolute;
            bottom: 0px;
            left: 0;
            color: #fff;
            padding: 10px 20px;
            width: 100%;
            background: -moz-linear-gradient(left,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.85) 1%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 99%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.85)), color-stop(1%,rgba(0,0,0,0.85)), color-stop(57%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 1%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 99%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 1%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 99%); /* Opera 11.10+ */
            background: -ms-linear-gradient(left,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 1%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 99%); /* IE10+ */
            background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.85) 1%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 99%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */


        }
 
        
   .navPage {
       font-family: "ITC Franklin Gothic W01";
       margin-bottom: 30px;
   }
   
    .navPage ul,
    .navPage li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
   
        .navPage li a {
            color: #2a2b2b;   
            border-top: 1px solid #d7d6d4;
            padding: 5px;
            display: block;
            font-size: 16px;
            text-decoration: none;
            
        }
        
         .navPage li:first-child a {
             border: 0;
         }
    
           
            .navPage li.currentSection a,
            .navPage li.currentSection a:hover {
                color: #fff;
                background: #ae293c; 
                cursor: pointer;
            }
            
            .navPage li a:hover {
                color: #2a2b2b;
                background: #d7d6d4;
            }
            
             .navPage li.currentSection ul li a {
                 background: #f3f3f2;
                 color: #2a2b2b;   
                 font-size: 14px;
                 cursor: default;
                 border: none;
                 padding-left: 25px;
             }
                .navPage li.currentSection ul li a:hover {
                    background: #d7d6d4; 
                    color: #2a2b2b;
                    cursor: pointer;
                 }
                 
   

    /* --- >>> Breadcrumbs  <<< ---*/

#navBreadcrumb {
    background: #f2f3f4;
    padding: 3px 10px 10px 10px;
    color: #666;
    display: block;
    clear: both;
    margin-bottom: 20px;
    font-family: "ITC Franklin Gothic W01";
    text-transform: uppercase;
    color: #bec0c2;
}

    #navBreadcrumb a#home {
        display: block;   
        width: 14px;
        height: 14px;
        background: url(/client/images/home.png) no-repeat;
        float: left;
        border: 0;
        text-indent: -9999px;
        overflow: hidden;
        margin-right: 10px;
        top: 9px;
    }
    
     #navBreadcrumb a,
     #navBreadcrumb span {
        font-size: 20px;
        position: relative;
        top: 3px;
        padding: 0 5px;
        font-family: "Gill Sans W04";
      }
    
    #navBreadcrumb a {
        color: #ca1134;
    }
    
    #navBreadcrumb span {
        color: #666;   
    }

/* --- >>> Audience Paths  <<< ---*/
#audience {
    width: 100%;
    background: #d7d6d4;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 30px;
}

#audience h2 {
    text-transform: none;
    float: left;
    padding-right: 25px;
    color: #404040;
    margin: 8px 0 0 0;
   width: 20%;
}
    #audience ul {
        list-style: none;
        margin: 0 ;
        padding: 0;
        float: left;
        width: 80%;
    }
        #audience li {
            display: block;
            font-family: "ITC Franklin Gothic W01";
            font-size: 24px;
            float: left;
            width: 46%;
            margin: 0 0 0 4%;
            text-align: center;
        }
     
        
            #audience ul li a {
               border-top: 1px solid #a61029;
               background: #c4122f;
               background: -webkit-gradient(linear, left top, left bottom, from(#a61029), to(#c4122f));
               background: -webkit-linear-gradient(top, #a61029, #c4122f);
               background: -moz-linear-gradient(top, #a61029, #c4122f);
               background: -ms-linear-gradient(top, #a61029, #c4122f);
               background: -o-linear-gradient(top, #a61029, #c4122f);
               padding: 9px 23px;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
               border-radius: 3px;
               -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
               -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
               box-shadow: rgba(0,0,0,1) 0 1px 0;
               color: #ffffff;
               font-size: 21px;
               text-decoration: none;
               vertical-align: middle;
               font-size: 24px;
               text-decoration: none;
               vertical-align: middle;
               display: block;
            }
                 #audience ul li a:hover {
                    background: #c4122f;
                    color: #fff;
                 }
           
            .home .row { clear: both; }

/* -->> Alerts <<-- */
#alert {
	background: #fceebe;
	padding: 5px;
}

	
		#alert div {
			
			padding: 0;
			padding-left: 30px;
			margin: 0 auto;
			background: url(/client/images/warning.png) no-repeat 0 5px;
			font-size: 11px;
		}
	
		#alert h1 {
			font-family: "ITC Franklin Gothic W01";
			
			margin: 0;
			font-size: 20px;
			
			line-height: 1;
		}
		
/* --- >>> Home Carousel Rotator  <<< ---*/
#tagLine {
    position: absolute;
    color: #fff;
    font-family:"Gill Sans W04";
    z-index: 1000;
    display: block;
    font-size: 45px;
    width: 100%;
    top: 25px;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 57%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.45)), color-stop(57%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 57%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 57%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 57%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 57%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

/* Carousel base class */
#homeRotator {
  height: 560px;
}

/* styles below for fade instead of slide */
#homeRotator .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
	
}
        
#homeRotator .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:2;
    }
#homeRotator .next, #homeRotator .prev {
    left:0;
    opacity:1;
    z-index:1;
    }
    

/* Since positioning the image, we need to help out the caption */
#homeRotator .carousel-caption {
  z-index: 10;
  bottom: 0px;
  left: auto;
  right: auto;
  padding: 0;
  margin-left: -15px;
  text-align: left;
  height: 119px;
}

    #homeRotator .carousel-caption h1 {
        background: rgba(202,17,52,.8);
        font-family:"Gill Sans W04";
        padding: 5px 15px;
        font-size: 30px;
    }
         #homeRotator .carousel-caption h1 a {
             color: #fff;
         }
    
    #homeRotator .caption {
          padding: 15px;
           background: rgba(0,0,0,.7);
           font-size: 12px;
    }
    
         #homeRotator .caption .more {
          
           
           text-decoration:none;
           background: url(/client/images/arrow-med-red.png) no-repeat right;
			padding-right: 8px;
         color: #c32842;
		 padding-left: 3px;
         }
         
		  #homeRotator .caption .more:hover {
          
           
           text-decoration:underline;
          
         }
         
		 
		 
         
         #homeRotator .carousel-indicators {
             bottom: 75px;
             width: 200px;
             text-align: right;
             margin-left: 370px;
         }
         
            #homeRotator .carousel-indicators li {
                width: 12px;
                height:12px;
                background: #a7adb6;
                margin: 3px;
                border-radius: 0;
                border: 0;
            }
            
          
             #homeRotator .carousel-indicators li.active {
                background: #fff;
            }

/* Declare heights because of positioning of img element */
#homeRotator .item {
  height: 560px;
  /*background-size: 100%;*/
  background-size: cover;
}

/* --- >>> Page Triple Rotator  <<< ---*/
#simpleRotator {
    border-top: 1px solid #ca1134;
    border-bottom: 1px solid #ca1134;
    padding: 10px 0;
   
}

    #simpleRotator .item {
        float: left;
        margin-right: 5px;
    }
    
        #simpleRotator .item img {
            max-width: 100%;
            height: auto;   
        }
        
        #simplePagination {
            float: right;
            clear: both;
            text-align: right;
            margin: 5px 0 30px 0;
        }
        
        .pagination a {
            display: inline-block;
            width: 12px;
            height:12px;
            background: #a7adb6;
            text-indent: -9999px;
            overflow: hidden;
            margin: 3px;
            text-align: left;
        }
            .pagination a span {
                text-indent: -9999px;
                overflow: hidden;
                text-align: left;
            }
        
        .pagination a.selected {
            background: #810026;
        }
            
/* --- >>> Page Basic Rotator  <<< ---*/

#rotator img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
    #rotator .caption {
        padding: 10px;
        color: #fff;
        background: #ca1134;
        }
        
        #rotator .caption h3 {
            margin-bottom: 5px;
        }
        
        #rotator .caption h3 a {
            color: #fff;
            text-transform: none;
        }
        
            #rotator .more {
                color: #fff;
               font-size: 10px;
               text-transform: uppercase;
               background: url(/client/images/arrow-tiny-white.png) no-repeat right;
               padding-right: 5px;
               float: right;
            }

#Pagination {
    float: right;
    clear: both;
}

/* --- >>> Events  <<< ---*/
    /* homepage rotator */
   #pageContent .eventTicker {
   }
    
    #pageContent .eventTicker .container {
       color: #fff;    
       background: rgb(161,161,161); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(97,97,97,1) 15%, rgba(161,161,161,1) 15%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(15%,rgba(97,97,97,1)), color-stop(15%,rgba(161,161,161,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(97,97,97,1) 15%,rgba(161,161,161,1) 15%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(97,97,97,1) 15%,rgba(161,161,161,1) 15%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(97,97,97,1) 15%,rgba(161,161,161,1) 15%); /* IE10+ */
        background: linear-gradient(to right,  rgba(97,97,97,1) 15%,rgba(161,161,161,1) 15%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#a1a1a1',GradientType=1 ); /* IE6-9 */
       padding: 0;
    }
    
        .eventsHeader {
            width: 15%;
            float: left;  
            padding: 10px;
        }
        
            .eventTicker h2 {
                margin: 0;   
                font-size: 28px;
                line-height: 1;
            }
    
       .eventsHeader .more {
           color: #fff;
           font-size: 10px;
           text-transform: uppercase;
           background: url(/client/images/arrow-tiny-white.png) no-repeat right;
           padding-right: 5px;
       }
       
        .eventItems {
            width: 77%;
            float: left;   
            padding: 0px 0 0 0;
            position: relative;
            /*min-height: 100px;*/
          
        }
        
        .owl-wrapper {
            /*margin: 0 40px;*/
        }
        
            .eventItems .item {
               
                /*float: left;*/
				padding-top:20px;
				height:100px;
				/*border-right:2px solid #616161;*/
				border-left:2px solid #616161;
            }
        
            .eventItems .date {
                float: left;
                width: 22%;
                border-right: 1px solid #cecece;
                font-family: "ITC Franklin Gothic W01";
                color: #fff;
                text-align: right;
                padding-right: 10px;
                line-height: .8;
                text-transform: uppercase;
            }
            
                .eventItems .month {
                    font-size: 24px;
                    display: block;
                }
                .eventItems .day {
                    font-size: 33px;
                }
                
            .eventItems .details {
                width: 78%;
                float: left;
                padding-left: 10px;
				padding-right:10px;
            }
                  .eventItems .details h3 {
                      margin: 0;
                       font-family: "ITC Franklin Gothic W01";
                       text-transform: none;
                       margin-top: -2px;
                       line-height: 1;
                  }
                    .eventItems .details h3 a {
                        color: #fff;
                    }
                    
                   .eventItems .details .time {
                       font-size: 11px;
                       background: url(/client/images/clock.png) no-repeat left;
                       padding: 3px 0 3px 19px;
                   }
                   
            #prevEvent,
             #nextEvent {
               height: 100px;
               width: 4%;
               text-indent: -9999px;
               overflow: hidden;
               display: block!important;
               
               cursor: pointer;
               z-index: 999;
               float: left;
           }
           
          #prevEvent {
              background: #919191 url(/client/images/arrow-left.png) no-repeat 50% 50%;
          }
         #nextEvent {
              float: right;
              background: #919191 url(/client/images/arrow-right.png) no-repeat 50% 50%;
          }
		  
/* OWL Slider */
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(../images/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-controls{
	margin-top: 10px;
	text-align: left;
	background-color:#b3b3b3;
}


/* Styling Pagination*/

.owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}

.owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 5px 0px;
	background: #fff;
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span{
	background-color:#000;
}
            
      /* events in page */
        .events {
            border-top: 2px solid #ca1134;
            font-size: 11px;
            margin-bottom: 30px;
            padding: 15px 0 5px 0;
        }
        
        .events h2 {
            color: #ca1134;   
        }
      
        .events article.item {
            margin: 20px 0;   
        }
        
        .events article.item:first-child {
            margin-top: 10px;
        }
      
        .events .date {
            width: 60px;
            height: 60px;
            padding: 10px 0 0 0;
            background: #404040;
            float: left;
            margin-right: 10px;   
            color: #fff;
            line-height: .8;
        }
            .events .date span {
                display: block;
                text-align: center;
                font-family: "ITC Franklin Gothic W01";
            }
            
            .events .date .month {
                font-size: 20px;
                text-transform: uppercase;
            }
            
            .events .date .day {
                font-size: 30px;
            }
        
        .events .details {
            float: left;  
            width: 192px; 
        }
        
            .details .title {
                font-family: "ITC Franklin Gothic W01";
                font-size: 20px;
				line-height: 1.1;
				padding-bottom: 3px;
				margin-top: -2px;
            }
                .details .title a {
                    color: #404040;
                }
                
            .details time {
                 font-size: 11px;
                background: url(/client/images/clock-gray.png) no-repeat left;
                padding: 3px 0 3px 19px;
            }
      
    .events .more {
        color: #ca1134;
        font-size: 10px;
        text-transform: uppercase;
        background: url(/client/images/arrow-tiny-red.png) no-repeat right;
        padding-right: 5px;
        float: right;
        display:block ;
         }
         
       /* event detail */
       .eventDetail h2 {
           margin-bottom: 0;
       }
       .eventDetail time {
            color: #ca1134;
            text-transform: none;
            font-size: 21px;
            margin-top: 0;
            display: block;
            font-family: "ITC Franklin Gothic W01";         
       }
       
       .eventDetail .location {
            font-family: "ITC Franklin Gothic W01"; 
            font-size: 14px;
       }
        .eventDetail .location strong {
            font-weight: normal;
        }
        
       .eventDetail .teaser {
           font-size: 14px;
           font-style: italic;
           border-bottom: 1px solid #eee;
           border-top: 1px solid #eee;
           padding: 10px 0;
           margin: 10px 0;
       }
       
       .eventDetail img {
           max-width: 100%;
           height: auto;
       }
       
       .eventContact {
           border-bottom: 1px solid #eee;
           border-top: 1px solid #eee;
           padding: 10px 0;
           margin: 10px 0;
       }
            .eventDetail .tool {
                padding: 5px 0;
            }
            .eventContact .label {
                font-size: 100%;
                color: #404040;
                padding: 0;
            }
            
            .eventTools {
                font-weight: bold;
                font-size: 13px;
            }
               .eventDetail .eventTootls .glyphicon {
                    margin-right: -8pc;
                }
/*----- Calendar Style --*/
.calendarCt #breadcrumbs {
margin-top:21px;
}

.calendarDetail {
margin-top:0px;
position:relative;
}

.calendarTools {
background-color:#e1e1e1;
}

#calendarToolsHandle {
text-align:center;
color: #fff;
border-color: #5c5c5c;   
background: #565656; /* Old browsers */
background: -moz-linear-gradient(top,  #565656 1%, #707070 22%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#565656), color-stop(22%,#707070)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #565656 1%,#707070 22%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #565656 1%,#707070 22%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #565656 1%,#707070 22%); /* IE10+ */
background: linear-gradient(top,  #565656 1%,#707070 22%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
opacity: .8;
filter: alpha(opacity=80);
font-size:1.2em;
margin-bottom:1.5em;
cursor: pointer;
}

#calendarToolsHandle:hover {
opacity: 1;
filter: alpha(opacity=100);
}

#miniCal {
padding-bottom:20px;
}

#miniCal table {
width:100%;
}

#miniCal .miniCalTable {
border-width:0 !important;
border-bottom:2px solid #fff!important;
}
	
#miniCal th {
color: #888;
padding:5px; 
background:#F1F1F1 !important;
border-width:0px 2px;
border-style:solid;
border-color:#F1F1F1;  
}

#miniCal table td {
background:#f3f3f2;
border:2px solid #fff;
font-family: "ITC Franklin Gothic W01";	
font-size: 15px;		
}

#miniCal table td:hover {
background:#d7d6d4;
				
}
			 
#miniCal table td a:hover {

}


#miniCal table td.otherMonth {
background:#f3f3f2 !important;
color: #888;
}
#miniCal table td.otherMonth a {
color: #888!important;
}

#miniCal table td.active {
background: #aa1d32!important; 
color:#fff;
}

#miniCal table td.today {
background: #ca1134!important; 
color:#f0ede1;
}

#miniCal table td a {
text-decoration:none;
color: #141d37!important;
padding:7px 5px;
display:block;
border: 0!important;

}

#miniCal table td.active a,#miniCal table td.today a {
color:#fff !important
}

#miniCal .miniCalHeader {
height:30px!important;
margin:-2px;
background:#F1F1F1;
}

#miniCal .miniCalHeader td {
background:#fff !important;
text-transform: uppercase;
color: #666;
font-size: 20px;
line-height:1;
border-color: #fff!important;
border-width:0px;
position:relative;
vertical-align:middle;
text-align:center;
font-family: "Gill Sans W04";

}
#miniCal .miniCalHeader td a, #miniCal .miniCalHeader td a:hover {
color: #005693;
border: 0!important;
}
			
	  

#miniCalTools {
margin:10px 0;
text-align:center
}

#ViewByCategory {
margin-right:-5px;
}

#ViewByCategory .filter {
padding: 0;
margin: 0;
list-style: none;
}



#ViewByCategory ul {
list-style:none;
padding:0px 0px 0px 21px;
margin-bottom:0px;
}
#ViewByCategory li {
			padding: 5px 0;
}

#ViewByCategory li:hover {

}
			
#ViewByCategory li label {
color: #1e2e3d;
font-size:1.4em;

}

#ViewByCategory input {
margin-right:5px;
float: left;
}

#calView {
display: block;
width: 100%;
padding: 10px 0;
margin: 0;   
}

#calView li {
display: block;
float: left;
width: 14%;			
}

#calView li#calToday {
margin: 0 20px;
}

#calView input:hover,#calView .active {
opacity: 1;
filter: alpha(opacity=100);
}
			
#calView .active {
color: #fff;
border-color: #5c5c5c;   
background: #565656; /* Old browsers */
background: -moz-linear-gradient(top,  #565656 1%, #707070 22%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#565656), color-stop(22%,#707070)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #565656 1%,#707070 22%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #565656 1%,#707070 22%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #565656 1%,#707070 22%); /* IE10+ */
background: linear-gradient(top,  #565656 1%,#707070 22%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
opacity: 1;
filter: alpha(opacity=100);
}

#calView li input {
display: block;
text-transform: uppercase;
padding: 8px 0;
color: #6e6e6e;
font-weight: bold;
border: 1px solid #b9b9b9;
background: #e6e6e6; /* Old browsers */
background: -moz-linear-gradient(top,  #e6e6e6 0%, #b9b9b9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#b9b9b9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6e6e6 0%,#b9b9b9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6e6e6 0%,#b9b9b9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6e6e6 0%,#b9b9b9 100%); /* IE10+ */
background: linear-gradient(top,  #e6e6e6 0%,#b9b9b9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
font-family: Helvetica, Arial, Serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: .9;
filter: alpha(opacity=90);
margin:0px;
width: 100%
}

#calView .toDay {
				
}

#calView .day {
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
font-size:1em;
}

#calView .week {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-right: 0;
border-left: 0;
font-size:1em;
}

#calView .month {
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
font-size:1em;
}
			


#calView .prev {
border: 0;  
background: transparent;
}

#calView .next {
border: 0;  
background: transparent;
float: right;
}

#calView .prev input,
#calView .next input {
padding: 10px 20px;
width: auto;
}

#calView .next input {
	float: right;
}
				

#calCurrent {
position:relative;
}
	
#calCurrent h2 {
}


#calendarList .emptyError {
background: #E8C0C0; /* Old browsers */
background: -moz-linear-gradient(top, #FAE3E3 0%, #E8C0C0 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAE3E3), color-stop(99%,#E8C0C0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FAE3E3 0%,#E8C0C0 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FAE3E3 0%,#E8C0C0 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FAE3E3 0%,#E8C0C0 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAE3E3', endColorstr='#E8C0C0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #FAE3E3 0%,#E8C0C0 99%); /* W3C */
-moz-border-radius:0 0 2px 2px;g
-webkit-border-radius:0 0 2px 2px;
border:1px solid #EFCDCD;
border-radius:0 0 2px 2px;
margin-bottom:10px;
padding:5px 10px 7px
}

#calendarList  .listing {
clear:both;
margin-bottom:30px
}

#calendarList .listing time.date {
display: block;
background: #404040;
color: #fff;
font-size: 1.5em;	
padding: 10px 10px 10px 10px;
line-height: 1;	
	font-family: "ITC Franklin Gothic W01";				
}
#calendarList .listing time.date .month {
display:inline;
font-size:1em;
}

#calendarList .listing time.date .day {
display:inline;
font-size:1em;
margin-top:0px;
}

#calendarList .listing .items {
	   
}

#calendarList .item {
border-bottom: 1px solid #ccc;
padding: 10px 0;
position:relative
}

#calendarList  .item h3 {
position:relative;
z-index:10;
font-size: 1.8em;
border: 0;
margin:0;
}
#calendarList  .item h3 a {
	border: 0;
}
	

#calendarList .item time {
font-size: 1.2em;
font-weight: bold;
}

#calendarList  .item .category {
text-align:right;
}

#calendarList  .item .category span {
background-color:#404040;
color:#fff;
cursor:default;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:3px 6px;
text-align:right;
z-index:0;

}


#calendarList .location {
margin: -2px 0 0 0;
color:#777;
font-size: 1em;
}

#calendarList .teaser {
margin:0.6em 0px 0px;  
}

#calendarList .item .links {
font-size:.9em;
margin:0;
padding:1em 0
}

#calendarList .item .links li {
display:inline;
padding-right:20px
}

.links .glyphicon {
    margin-right: -11px;
}
				

#ViewByCategory,#calPage {
list-style:none;
margin-bottom:0px;	
}

#calPage {
padding:0px;
}  




#calCatList h3 {
font-size: 26px;
color: #ca1134
}

#calCatList  {
list-style:none;
margin:0px;
border: 2px solid #ca1134;
border-left: 0;
border-right: 0;
background: #f3f3f2;
padding: 10px 10px 0px;
}
#calCatList div {
}
#calCatList ul {
	padding-top:5px;
	padding-left:18px;
}
#calCatList li {
padding-bottom:5px;
list-style:none;
cursor: pointer;
}

#calCatList  label {
color: #1e2e3d;
display:inline;
}
			
#calCatList div label {
font-size:12px;
}

#calCatList input {
margin-right:5px;
margin-top:0px;
position:relative;
top:2px;

}
 /* ---------->>> academic Calendar <<<-----------*/
.academicCalendar {
margin-bottom:20px;
}

.academicCalendar h2 {

}

.academicCalendar .subheader {
background-color:#ca1134;
margin-top:10px;
color:#fff;
}

.academicCalendar .semesterName {
background-color:#ae293c;
color:#fff;
padding:10px 25px;
font-size:18px;
line-height:1.2;
font-family: "ITC Franklin Gothic W01";
}


.academicCalendar h3 {
color:#fff;
width:25%;
float:left;
text-align:right;
padding:24px 10px 10px 0px;

line-height:1.2;
font-family: "ITC Franklin Gothic W01";
}

.academicCalendar .subheader p {
margin-bottom:0px;
padding:20px 0px 15px 10px;
width:70%;
float:left;
} 

.academicCalendar time {
width:25%;
float:left;
text-align:right;
padding:10px 10px 10px 0px;
font-family: "ITC Franklin Gothic W01";
font-size:18px;
}

.academicCalendar .itemText {
padding:13px 0px 0px 10px;
width:70%;
float:left;
}

.academicCalendar .item {

}

.academicCalendar .item.alt {
background-color:#f3f3f2;
}
.academicCalendar .item.last {
border-bottom:1px solid #cccccc;
}
	    
        
/* --- >>> News  <<< ---*/       
    
    .news {
        margin-bottom: 30px;
        margin-top: 10px;
    }
    
    .news h2 {
        float: left;
        color: #ca1134;
		position: relative;
		padding-right: 35px;
    }
	
	.news h2 a.rss {
		position: absolute;
		top: 3px;
		right: 0;
		 display: block;
		width: 31px;
		height: 30px;
		text-indent: -999px;
		overflow: hidden;
		background: url(/client/images/social.png) no-repeat -148px -32px;  
	}
    
    .news .more {
        color: #ca1134;
        font-size: 10px;
        text-transform: uppercase;
        background: url(/client/images/arrow-tiny.png) no-repeat right;
        padding-right: 5px;
        float: right;
        margin-top: 20px;
    }
    
    .news .row {
        clear: both;
    }

    .news article {
        background: #f3f4f5;
        border: 1px solid #e8e9ea;
        padding: 10px 10px ;
        min-height: 95px;
    }  

     .news article:hover {
        background: #f8f9fa;
        -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
     }    

       
        .news article .image {
            width: 25%;
           /* height: 25%;*/
            float: left;
            padding-right: 10px;
			height:72px;
        }
		.news article .image img {
			max-height:72px;
		}
		.news article .headline {
			float:right;
			width:75%;
		}
		.news article.nomedia .headline {
			float:none;
		}
		
        .news h3 {
            margin: 0; 
            font-size: 19px;
            line-height: .9;
            text-transform: none;
            font-family: "ITC Franklin Gothic W01";
        }
            .news h3 a {
                color: #404040;
            }  
            
            .news .date {
                font-size: 13px;
                font-style: italic;
                color: #ca1134;
            } 
            
     /* news archive */
     .newsList h2 {
         padding-top: 10px;
     }
     
     .newsList .item {
        margin-top: 15px;
        border-bottom: 1px solid #e8e9ea;
     }
     
      .newsList .item:first-child {
          border: 0;
      }
     
    
     .newsList .item img {
         float: left;
         width: 15%;
         height: auto;
         margin: 0 15px 15px 0;
     }   
     
     .newsList h3 {
            margin: 0; 
            font-size: 20px;
            line-height: 1;
            text-transform: none;
            font-family: "ITC Franklin Gothic W01";
        }
            .newsList h3 a {
                color: #404040;
            }  
     
      .newsList time {
        font-size: 13px;
        font-style: italic;
        color: #ca1134;
        padding-bottom: .5em;
        display: block;
            }   
     
            
     /* news detail */
     .newsStory h2 {
         margin-bottom: 5px;
         line-height: .9;
     }
     
     .newsStory .main-col time {
         color: #ca1134;
          text-transform: none;
            font-size: 19px;
            margin-top: 0;
            display: block;
          
           font-family: "ITC Franklin Gothic W01";
     }
     
     .newsStory .author {
            font-family: "ITC Franklin Gothic W01"; 
            font-size: 14px;
       }
        
     
     .newsStory .rotator-wrapper {
        width: 100%;
        margin-bottom: 20px;
     }
     
        .newsStory .rotator-wrapper .caption {
            font-size: 14px;
            font-style: italic;
            border-bottom: 1px solid #eee;
            border-top: 1px solid #eee;
            padding: 10px 0;
            margin: 10px 0;
            display: block;
        }
        
        .newsStory .article {
            padding-top: 1em;
        }
		
	.relatedItems {
		margin-bottom: 30px;
		}
		
	.relatedItems h2 {
		font-size: 26px;
	}
     
     .relatedItems .item {
         font-size: 12px;
         padding-bottom: .5em;
         font-weight: bold;
     }
     
      .relatedItems .item time {
          font-style: italic;
          font-weight: normal;
          display: block;
          font-size: 11px;
      }
         
         
         .pp_description {
             clear: both;
         }
            
/* --- >>> Banner Callout  <<< ---*/       

.callout {
    text-align: center;
    background: rgb(215,214,212); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(215,214,212,1) 27%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgba(215,214,212,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(215,214,212,1) 27%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(215,214,212,1) 27%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(215,214,212,1) 27%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(215,214,212,1) 27%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d6d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    margin-bottom: 30px;
    padding-bottom: 30px;
}
    
    .callout h2 {
        color: #404040;
        margin: 0;
        padding: 15px 10px 10px 10px;
        text-transform: none;
        font-family:"Gill Sans W04";
        line-height: 1.1;
        font-size: 30px;
    }
        .callout h2 a {
            color: #404040;
        }

    .callout img {
        width:100%;
        height: auto;
    }
    
    .callout .vOverlay,
    .callout .play {
        position:absolute;
    }
    
    .callout .text {
        font-size: 12px;
        line-height: 2;
        padding: 0 10px;
    }
    
    
    .callout .more {
        display: none;
    }
    
    /* horz */
    
.main-col .callout {
    text-align: left;
    padding-bottom: 0;
    background: rgb(215,214,212); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(215,214,212,1) 28%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(28%,rgba(215,214,212,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(215,214,212,1) 28%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(215,214,212,1) 28%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(215,214,212,1) 28%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(215,214,212,1) 28%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d6d4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

        }
    
    
    .main-col .callout img {
        width: 50%;
        float: left;
        padding-right: 20px;
    }
    
   
    .main-col .callout .more {
        color: #ca1134;
        font-size: 10px;
        text-transform: uppercase;
        background: url(/client/images/arrow-tiny-red.png) no-repeat right 8px;
        padding-right: 5px;
        float: right;
        display:block ;
        margin-top: 1em;
		padding-bottom: 10px;
    }
    
    
    /* feature */
    
    .calloutFeature {
        background: #404040;
        color: #fff;
        margin-bottom: 30px;
    }
        .calloutFeature img {
            width: 65%;
            float: left;
        }
        
        .calloutFeature .details {
            float: right;
            width: 35%;
            padding: 15px;
        }
        
            .calloutFeature h2 {
                color: #fff;
                margin: 0;
            }
                .calloutFeature h2 a {
                    color: #fff;
                }
                
                
                .calloutFeature .more {
                   color: #fff;
                   font-size: 10px;
                   text-transform: uppercase;
                   background: url(/client/images/arrow-tiny-white.png) no-repeat right;
                   padding-right: 5px;
                   float: right;
                   display:block ;
                 }
        
    
 /* --- >>> Contact  <<< ---*/      
    
    
    .contactModule {
        border: 2px solid #ca1134;
        border-left: 0;
        border-right: 0;
        background: #f3f3f2;
        padding: 20px;
        font-size: 11px;
        margin-bottom: 30px;
    }
    
        .contactModule address {
            margin: 0 0 10px 0;
        }
    
        .contactModule h2 { 
            margin-top: 0;
            font-size: 26px;
            color: #ca1134;
            margin-bottom: .25em;
        }
        
        .contactModule h3 {
            text-transform: none;
            font-size: 19px;
            margin-top: 0;
            margin-bottom: 5px;
           font-family: "ITC Franklin Gothic W01";
        }
        
        .contactModule p {
            margin-bottom:1em;
        }
        
        .contactModule .email {
            margin: 0 0 0 0;
        }
        
        .contactModule div.hours {
            padding-bottom: 5px;
            font-size: 110%;
        }
        
            .contactModule table {
                width: 100%;
            }
        
                .contactModule td {
                    width: 50%;
                }
                .contactModule td.days {
                    font-weight: bold;
                }
                
     .contactModule .more {
        color: #ca1134;
        font-size: 10px;
        text-transform: uppercase;
        background: url(/client/images/arrow-tiny-red.png) no-repeat right;
        padding-right: 5px;
        float: right;
        display: block;
     }
        
 /* --- >>> Tabs  <<< ---*/      
 div.tab-header {
     display: table;
     width: 100%;
 }
 
     .tab-header ul {
        margin: 0!important;
        padding: 0!important;
        list-style: none;
        display: table-row;
     }
    .tab-header li {
       
        display: table-cell;
        text-align: center;
        padding: 8px 15px;
        font-family:"Gill Sans W04";
        color: #fff;
        font-size: 22px;
        border-left: 1px solid #dfa5b0;
        background: rgb(214,70,98); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(214,70,98,1) 0%, rgba(210,51,81,1) 1%, rgba(202,17,52,1) 50%, rgba(158,13,41,1) 98%, rgba(177,59,82,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,70,98,1)), color-stop(1%,rgba(210,51,81,1)), color-stop(50%,rgba(202,17,52,1)), color-stop(98%,rgba(158,13,41,1)), color-stop(100%,rgba(177,59,82,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(214,70,98,1) 0%,rgba(210,51,81,1) 1%,rgba(202,17,52,1) 50%,rgba(158,13,41,1) 98%,rgba(177,59,82,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(214,70,98,1) 0%,rgba(210,51,81,1) 1%,rgba(202,17,52,1) 50%,rgba(158,13,41,1) 98%,rgba(177,59,82,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(214,70,98,1) 0%,rgba(210,51,81,1) 1%,rgba(202,17,52,1) 50%,rgba(158,13,41,1) 98%,rgba(177,59,82,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(214,70,98,1) 0%,rgba(210,51,81,1) 1%,rgba(202,17,52,1) 50%,rgba(158,13,41,1) 98%,rgba(177,59,82,1) 100%); /* W3C */
    

    }
    .tab-header li:first-child {
        border: 0;
    }
    
        .tab-header li a {
           color: #fff;   
           text-decoration: none;
           display: block;
		   position:relative;
        }
    
	.tabsIN {
        padding-bottom:15px;
    }
	
    .tabsIN li.active {
        background: #aa1d32;
    }
	
        .tabsIN li.active>a:after {
            position: absolute;
           height:16px;
            left: 50%;
            margin-left: -10px;
			
            content: url('/client/images/active-tab.png');
			bottom:-8px;
        }
		
		 #studentStory li.active>a:after {

			bottom:0px;
        }
		
 .tab-content {
     background: #f3f3f2;
     padding: 10px;
 }
 
     .tab-content .more {
        color: #ca1134;
        font-size: 10px;
        text-transform: uppercase;
        background: url(/client/images/arrow-tiny-red.png) no-repeat right;
        padding-right: 5px;
        float: right;
        display:block ;
     }
 

/* --- >>> Student Story  <<< ---*/   

#studentStory {
    
}

    #studentStory .tab-header li {
        background-color: transparent;
		background-image:none;
        padding: 0;
        border: 0;
        text-align: left;
    }
    
         #studentStory .tab-header li a {
               background: #e6e7e8;
               padding: 10px;
               margin: 0 20px 10px 0;
               display: block;
               -webkit-border-radius: 3px;
                border-radius: 3px;     
               font-family: "ITC Franklin Gothic W01";
               color: #404040;
               opacity: .9;
         }
         
          #studentStory .tab-header li a:hover,
          #studentStory .tab-header li.active a {
              opacity: 1;
          }
    
        #studentStory .tab-header li.active a {
            background: #aa1d32;
            color: #fff;
        }
        
             #studentStory .tab-header h3 {
                  font-family: "ITC Franklin Gothic W01";
                  text-transform: none;
                  font-size: 19px;
                  margin: 5px 0 0 0;
             }
             
             #studentStory .tab-header span {
                 font-size: 15px;
                 display: block;
             }
             
      #studentStory .tab-pane h3 {
        color: #ca1134;
      }
      
      
      
      #studentStory.tabs li.active:after {
          bottom: -5px;
          margin-left: -17px;
      }
    
        

#studentStory .tab-content {
    background: #fff;
    padding: 20px 0 0 0;
}
 /* --- >>> Linkset  <<< ---*/   
 .linkset div {
     padding-bottom: 10px;
    
 }
 
 .linkset h3  {
     margin: 0;
 }
 
 /* --- >>> Linkset Ext  <<< ---*/  
 
 .linksetExt .col-md-6 {
	float: none!important;
	display: inline-block;
	vertical-align: top;
		}
 
 .linksetExt div.item {
     margin-bottom: 10px;
     background: #f3f3f2;
 }
 
 .linksetExt img {
     float: left;
     padding-right: 15px;
	 
     max-width: 44%;
 }
 
 .linksetExt .details {
    padding: 10px 15px 10px 15px ;
    font-size: 12px;  
 }
 
  .linksetExt h3  {
    text-transform: none;
    font-size: 22px;
    margin-bottom: 5px;
 }
 
 .linksetExt .more {
    color: #ca1134;
    font-size: 10px;
    text-transform: uppercase;
    background: url(/client/images/arrow-tiny-red.png) no-repeat right;
    padding-right: 5px;
    float: right;
    display:block ;
    margin: 10px 0;
 }
 

 /* --- >>> Steps  <<< ---*/    
 .steps {
     margin-bottom: 30px;
 }
 
 .steps h2 {
     color: #ca1134;
     font-size: 25px;
     font-family:"Gill Sans W04";
     text-transform: none;
     cursor: pointer;
 }
 
  .steps h2:hover {
      text-decoration: underline;
  }
 
 
 
.steps ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0px; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
.steps ol > li {
    position:relative; 
    margin:0; 
    padding: 10px 15px; 
    list-style:none;
    background:#d7d6d4;
    border-left: 60px solid #efefee;
    opacity: .9;
    margin-bottom: 1em;
}

}
.steps ol > li:hover {
    opacity: 1;   
}

.steps ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    position:absolute;
    top:50%;
    left:-60px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:60px;
    background: #efefee;
    color: #404040;
    text-align:center;
    font-size: 3em;
    margin-top: -.7em;
    font-family: "ITC Franklin Gothic W01";
    
}

.steps li h3 {
    margin: .5em 0 .2em 0;
    text-transform: none;
    font-family: "ITC Franklin Gothic W01";
    font-size: 20px;
}
.steps .panel-collapse {
padding-top:1.5em;
}

 
      
 /* --- >>> Profiles  <<< ---*/     
 
 .modProfile {
        border: 2px solid #ca1134;
        border-left: 0;
        border-right: 0;
        background: #f3f3f2;
        padding: 20px;
        font-size: 11px;
        margin-bottom: 30px;
    }
    
    .modProfile h2 { 
        margin-top: 0;
        font-size: 26px;
        color: #ca1134;
        margin-bottom: .25em;
    }
        
    .modProfile h3 {
        text-transform: none;
        font-size: 19px;
        margin: 0;
        font-family: "ITC Franklin Gothic W01";
    }
         .modProfile h3 a {
             color: #404040;
         }
         
    .modProfile .class {
        font-weight: bold;  
        color: #ca1134;
        font-size: 14px;
        font-style: italic; 
        margin: 0;
    }
    
    .modProfile img {
        max-width: 70%;
        height: auto;
        margin: .5em 0;
    }
    
    .modProfile .info {
     
    }    
    
    .modProfile .more {
        color: #ca1134;
        font-size: 10px;
        text-transform: uppercase;
        background: url(/client/images/arrow-tiny-red.png) no-repeat right;
        padding-right: 5px;
        float: right;
        display:block ;
         }
         
         /* athlete profile */
         
         .modProfile.Athlete {
            border: 0;
            padding: 0;
            background: rgb(215,214,212); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(215,214,212,1) 27%, rgba(255,255,255,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgba(215,214,212,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(215,214,212,1) 27%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(215,214,212,1) 27%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(215,214,212,1) 27%,rgba(255,255,255,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(215,214,212,1) 27%,rgba(255,255,255,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d6d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
         }
         
            .modProfile.Athlete h2 {
                background: #000;
                color: #fff;
                padding: 4px 20px;
                background: #000 url(/client/images/kats.png) no-repeat right;
            }
            
            .modProfile.Athlete h3 {
                color: #000;
            }
            
            .modProfile.Athlete h3,
            .modProfile.Athlete .class {
                text-transform: uppercase;
            }
            
            .modProfile.Athlete h3,
            .modProfile.Athlete .class,
            .modProfile.Athlete .info {
                padding: 0 20px;
            }
            
            .modProfile.Athlete img {
                margin-left: 20px;
            }
            
            .modProfile.Athlete .more {
                margin-right: 20px;
            }
            
  /* listing */
  .profileList .featureProfile {
      opacity: 1!important;
      margin-bottom: 15px;
      padding-top: 0!important;
  }
  
    .profileList .featureProfile .wrapper {
        border-left: 0;
        border-right: 0;
        background: #404040;
       
    }
  
  .profileList .featureProfile img {
     width: 25%;
     float: right!important;
     opacity: 1;
     margin: 0!important;
     padding: 0!important;
  }
  
 .profileList .featureProfile .details {
    float: right;
    width: 75%;
    padding: 15px;
    color: #fff;
  }
  
  .profileList .featureProfile h3 a {
      color: #fff;
       font-size: 120%;
   }
   
  .profileList .featureProfile .class {
      color: #fff;
   }
  
  .profileList .featureProfile .info {
        font-size: 14px;
font-style: italic;
display: block;
         }
         
        .profileList .featureProfile .more {
            color: #fff;
            font-size: 10px;
            text-transform: uppercase;
            background: url(/client/images/arrow-tiny-white.png) no-repeat right;
            padding-right: 5px;
            float: right;
            display:block ;
         }
  
  .profileList .modProfile {
      background: #fff;
      border: 0;
      opacity: .9;
      margin-bottom: 0;
  }
      .profileList .modProfile:hover {
          opacity: 1;
      }
  
    .profileList .modProfile img {
        max-width: 100%;
        margin: 0;
        float: left;
        padding: 0 15px 15px 0;
    }
    
     .profileList .info {
        padding: 1em 0;
        font-size: 12px;
         }
    
    /* detail */
    .profileDetail {
        padding-bottom: 1em;
    }
    
    .profileDetail img.profileImg {
        float: right;
        width: 30%;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .profileDetail h2 {
        margin-bottom: 0;
    }
    
    .profileDetail .text {
        float: left;
        width: 70%;
    }
    
    .profileDetail .caption {
        font-size: 14px;
        font-style: italic;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        padding: 10px 0;
        margin: 10px 0;
    }
    
    .profileDetail .details {
        color: #ca1134;
        text-transform: none;
        font-size: 19px;
        margin-top: 0;
        display: block;
        font-family: "ITC Franklin Gothic W01";
}
 
    
    .profileDetail .label {
       font-weight:normal;
        font-size: 100%;
        color: #404040;
        padding: 0;
    }
    
    .profileDetail .title,
    .sport,
    .hometown {
        color: #404040;
        font-size: 16px;
    }
    
    .profileDetail .text {
        
    }
 
/* graybg */
 #graybg {
     background: #d6d6d4;
  }
 #graybg ul {
        padding-bottom: 10px;
  }
 
/* recommended */
 #recommended {
     background: #aa1d32;
     color: #fff;
     margin-bottom: 30px;
 }
    #recommended h3,
    #recommended p {
        padding: 10px;
        margin-bottom: 0;
    }
    
     #recommended p {
         padding-top: 0;
     }
    
    #recommended h3 {
        padding-bottom: 5px;
    }
    
    #recommended a {
        display: block;
        padding: 5px 10px;
        background: #f3f3f2 url(/client/images/arrow-red.png) no-repeat right;
        color: #aa1d32;
        font-family: "ITC Franklin Gothic W01";
        font-size: 22px;
    }
        #recommended a:hover {
            text-decoration: none;
            background-color: #d7d6d4;
        }
  
 /* --- >>> Video Block  <<< ---*/   

.videoBlock {
	margin-bottom: 13px;
	}
	
	.videoBlock h2 {
		font-size: 26px;
		margin-bottom: 5px;
		margin-right: 10px;
		
	}
	
		.videoBlock iframe {
			width: 260px;
			height: 200px;
			max-width:100%;
			}
  
 /* --- >>> Flickr Badge  <<< ---*/     
 
 #flickrBlock {
     margin-bottom: 30px;
 }
   
 #flickrBlock h2 {
     font-size: 26px;
     color: #ca1134;
     margin-bottom: 5px;
     background: url(/client/images/flickr.gif) no-repeat right 3px;
     margin-right: 10px;
 }
 
  #flickrBlock.program h2 {
	color: #404040;
  }
 
  #flickrBadge img {
      width: 50%;
      padding-right: 10px;
      padding-bottom: 10px;
      opacity: .9;
  }
  
    #flickrBadge img:hover {
        opacity: 1;
    }
  
  #flickrBadgeControls a {
     color: #ca1134;
        font-size: 10px;
        text-transform: uppercase;
        background: url(/client/images/arrow-tiny-red.png) no-repeat right;
        padding-right: 5px;
        float: right;
        display:block ; 
        margin-right: 10px;
  }
  
  
  /* gallery */
  
  
 body #flickrGallery, body #flickrGallery #setTab {
      border: 0!important;
      padding: 0!important;
      border-width: 0!important;
  }
  
 body #flickrGallery #setTab #setTab_button {
        border-top: 1px solid #a61029;
               background: #c4122f;
               background: -webkit-gradient(linear, left top, left bottom, from(#a61029), to(#c4122f));
               background: -webkit-linear-gradient(top, #a61029, #c4122f);
               background: -moz-linear-gradient(top, #a61029, #c4122f);
               background: -ms-linear-gradient(top, #a61029, #c4122f);
               background: -o-linear-gradient(top, #a61029, #c4122f);
               padding: 9px 23px;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
               border-radius: 3px;
               -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
               -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
               box-shadow: rgba(0,0,0,1) 0 1px 0;
               font-size: 16px;
               text-decoration: none;
               vertical-align: middle;
               text-decoration: none;
               vertical-align: middle;
               display: block;
               color: #fff;
               border-color: #c4122f;
               cursor: pointer;
               width: 250px;
               margin: 0 auto;
  }
  

  
  
  /* Flickr Gallery */
#flickrGallery												{width:auto;text-align:center;}
#flickrGallery #setTabCt									{}
#flickrGallery #setTab										{position:relative;text-align:center;}
#flickrGallery #setTab:after 								{visibility:hidden;display:block;font-size:0px;content:" ";clear:both;height:0px;}
#flickrGallery #setTab 										{display:inline-block;}
#flickrGallery #setTab										{display:block;}
* html #flickrGallery #setTab								{height:1%;}
#flickrGallery .set											{width:25%;display:inline-block;float:none;padding:13px;margin:0px 0px 0px 0px;text-align:left;vertical-align:top;}
#flickrGallery .set											{float:left\9}
#flickrGallery .set:hover,#flickrGallery .set.active		{background-color:#f2f3f4;}
#flickrGallery .set IMG										{cursor:pointer;}
#flickrGallery .setTitle										{float:right;width:53%;}
#flickrGallery #setPhotos									{}
#flickrGallery #setPhotos .photo							{display:inline-block;float:none;padding:10px 5px;width:25%;vertical-align:text-top;text-align:center;}
#flickrGallery #setPhotos .photo							{float:left\9}
#flickrGallery #setPhotos .photo IMG						{display:inline;background:url(../images/loader.gif) center center no-repeat #FFFFFF;}
#flickrGallery #setPhotos .photo SPAN						{display:block;}
#flickrGallery #pager										{margin:20px 0px 40px;text-align:center;}
#flickrGallery #pager .page									{border:1px solid #EEEEEE;font-weight:bold;color:#0063DC;padding:2px 6px;margin:0px 2px;cursor:pointer;display:inline;background-color:#FFFFFF;}
#flickrGallery #pager .elipsis								{display:inline;color:#BBBBBB;margin:0px 3px;}
#flickrGallery #pager .page.current							{color:#FF0084;cursor:auto;}
#flickrGallery #pager .page.disabled						{color:#BBBBBB;cursor:auto;}

.loading													{background:url(/client/images/loader.gif) center center no-repeat #FFFFFF;width:100%;padding:10px 30px;height:auto !important;min-height:300px;height:300px;}
  
  /* --- >>> facebook  <<< ---*/   
  
  div[style="padding: 12px;"] {
    padding: 0!important;   
  }
    
  #fbBlock {
      margin-bottom: 30px;
  }
  
  #fbBlock iframe {
      max-width: 100%!important;
      width: 100%!important;
  }
  
   #fbBlock h2 {
        font-size: 26px;
        color: #ca1134;
        margin-bottom: 5px;
        background: url(/client/images/fb.gif) no-repeat right 3px;
        margin-right: 10px;
   }
   
   .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
/* ---------->>> feature program <<<-----------*/

.featuredPrograms {
    border: 2px solid #ca1134;
    border-left: 0;
    border-right: 0;
    padding: 20px;
    margin-bottom: 30px;
}

    .featuredPrograms h2 {
        color: #c41230;
        font-size: 26px;
    }
    
    .featuredPrograms h4 {
        text-transform: none;
        font-size: 19px;
        margin-top: 0;
        margin-bottom: 5px;
        font-family: "ITC Franklin Gothic W01";
    }
    
    .featuredPrograms .teaser {
        padding-bottom: 10px;
        font-size: 11px;
    }
    
    .featuredPrograms .more {
        color: #ca1134;
        font-size: 10px;
        text-transform: uppercase;
        background: url(/client/images/arrow-tiny-red.png) no-repeat right;
        padding-right: 5px;
        margin-top: 15px;
    }
    
    .featuredPrograms .pagination {
        padding: 10px 0 0 0;   
        position: relative;
        left: 20px;
    }

/* ---------->>> library <<<-----------*/
#librarySearch {
	color:#fff;
    background: #404040;
    margin: 0 15px 15px 15px;
}
#librarySearch .tab-content {
background-color:transparent;
color:#fff;

}
#librarySearch .tab-content a, #librarySearch .tab-content a:active, #librarySearch .tab-content a:hover,#librarySearch .tab-content a:visited {
text-decoration: underline;
color:#d43f3f;
/*color:#c41230*/
}
#librarySearch .summon-search-tagline, #librarySearch .instructions, #librarySearch .summon-search-box {
	padding-bottom:10px;
	font-size:14px;
font-weight:bold;
}
#librarySearch Input {
	font-size:14px;
	width:75%
}
#librarySearch input[type='image'], #librarySearch .summon-search-submit, #librarySearch input[type="submit"]  {
	width:auto;
}
#librarySearch select {
	font-size:14px;
}
#librarySearch .moreinfo{
	padding-top:10px;
}
#librarySearch .nav-tabs {
	font-family: "Gill Sans W04";
	color: #fff;
	font-size: 22px;
background: #5b5b5b; /* Old browsers */
background: -moz-linear-gradient(top, #5b5b5b 0%, #404040 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#404040)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5b5b5b 0%,#404040 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5b5b5b 0%,#404040 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5b5b5b 0%,#404040 100%); /* IE10+ */
background: linear-gradient(to bottom, #5b5b5b 0%,#404040 100%); /* W3C */
} 
#librarySearch  .nav-tabs > li.active > a, #librarySearch  .nav-tabs > li.active > a:hover, #librarySearch  .nav-tabs > li.active > a:focus {
color: #fff;
cursor: default;
background-color:#202020;
}
#librarySearch .nav > li > a:hover, #librarySearch .nav > li > a:focus {
	background-color:#202020;
	border-bottom-color:#dddddd;
}
#librarySearch .nav-tabs > li > a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 0;
color:#fff;
}
.

/* --- >>> Books  <<< ---*/       
.bookList .clearfix {
    clear: both;
}

    .bookList h4 {
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        padding-top: 5px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .bookList .author {
        display: block;
        font-style: italic;
        margin-bottom: 15px;
    }

.bookList h2 {
    float: left;
}

.bookList .more {
    color: #ca1134;
    font-size: 10px;
    text-transform: uppercase;
    background: url(/client/images/arrow-tiny-red.png) no-repeat right;
    padding-right: 5px;
    float: right;
    display:block ;
    margin-top: 15px;
}

    .bookList img {
        width: 125px;
        height: 175px;
    }

/* ---------->>> chat <<<-----------*/

 #chat {
      margin-bottom: 30px;
  }
  
  #chat iframe {
      width: 100%!important;
  }
  
   #chat h2 {
        font-size: 26px;
        color: #ca1134;
        margin-bottom: 5px;
        background: url(/client/images/chat.png) no-repeat right 3px;
        margin-right: 10px;
   }
   
   #qpchatwidget {
       width: 100%!important;
   }
   
/* --- >>> Locations  <<< ---*/
#locations address {
    width: 40%;
    float: left;
    font-family:"ITC Franklin Gothic W01";
    font-size: 16px;
    line-height: 1.2;
}

    #locations address h2 {
        margin-bottom: 5px;
        color: #ca1134;
        font-size: 26px;
    }

#locations iframe {
    float: right;
    width: 60%!important;
    height: 365px;
    background: #f3f3f2;
    padding: 10px;
    border: 1px solid #d7d6d4;
}

#locations div {
    clear: both;
    padding-top: 15px;
    border-top: 1px solid #d7d6d4;
}

#locations div:first-child {
    padding: 0;
    border: 0;
}

#locations small {
    clear: both;
    display: block;
    float: right;
    padding-bottom: 15px;
}
    #locations small a {
        color: #ca1134!important;
    }

/* --- >>> Find Program <<< ---*/

.decisionTree {
    background: #aa1d32 url(/client/images/searchbg.png) no-repeat bottom right;
    padding: 15px;
    color: #fff;
    margin-bottom: 30px;
    min-height: 300px;
}

    .decisionTree h2 {
        margin: 0;
    }

    .question,
    .fork .fork {
        font-family: "Gill Sans W04";
        font-size: 24px;
        text-align: left;
    }
    
    .fork {
        text-align: center;
    }
    
    .fork .fork {
        padding-top: 10px;
        text-align: left;
    }
    
    .decisionTree select {
        width: 100%;
        background: #e9e9e9;
         background: #f2f3f4;
       -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 5px;
    }
    
    a.treeSearch {
        margin-top: 10px;
        border-top: 1px solid #a61029;
        background: #fff;
        padding: 4px 25px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
        -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
        box-shadow: rgba(0,0,0,1) 0 1px 0;
        font-size: 21px;
        text-decoration: none;
        vertical-align: middle;
        text-decoration: none;
        vertical-align: middle;
        color: #404040;
        border-color: #c4122f;
        font-family: "ITC Franklin Gothic W01";
        text-align: center;
            }
                 a.treeSearch:hover {
                    background: #eee;
                    
                 }

.navTaxonomy {
    font-family:"Gill Sans W04";
    font-size: 25px;
     background: #aa1d32 ;
    padding: 15px;
    color: #fff;
	margin-bottom: 20px;
}


/* table styles */

.ecctable {
    width: 100%;
    margin-bottom: 30px;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
    background: #f2f3f4;
   -webkit-border-radius: 3px;
    border-radius: 3px;
}

.ecctable thead th {
    background: #404040;
    color: #fff;
    padding: 8px;
    font-size: 14px;
    font-weight: normal;
    font-family: "ITC Franklin Gothic W01";
    line-height: 1;
    min-width: 70px;
    border-left: 1px solid #666;
  
}

.ecctable thead th:first-child {
      -webkit-border-radius:3px 0 0 0;
    border-radius: 3px 0 0 0;
}

.ecctable thead th:last-child {

      -webkit-border-radius: 0 3px 0  0;
    border-radius: 0 3px 0  0;
}

.ecctable td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

tr:nth-child(even) td {
    
}

.ecctable td:first-child,
.ecctable thead th:first-child {
    border-left: 0;
}


/* --- >>> Program Listing <<< ---*/

.programListing {
    width: 100%;
    margin-bottom: 30px;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
    background: #f2f3f4;
   -webkit-border-radius: 3px;
    border-radius: 3px;
}

.programListing thead th {
    background: #404040;
    color: #fff;
    padding: 8px;
    font-size: 14px;
    font-weight: normal;
    font-family: "ITC Franklin Gothic W01";
    line-height: 1;
    min-width: 70px;
    border-left: 1px solid #666;
  
}

.programListing thead th:first-child {
      -webkit-border-radius:3px 0 0 0;
    border-radius: 3px 0 0 0;
}

.programListing thead th:last-child {

      -webkit-border-radius: 0 3px 0  0;
    border-radius: 0 3px 0  0;
}

.programListing td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

tr:nth-child(even) td {
    
}

.programListing td:first-child,
.programListing thead th:first-child {
    border-left: 0;
}

.footable-row-detail td {
    background: #f3f3f2;
    padding-left: 40px;
}
    .footable-row-detail td strong,
    .footable-row-detail td .available {
        float: left;
    }
        .footable-row-detail td .available {
            position: relative;
            top: 3px;
            left: 3px;    
        }
        
.programListing td a {
    font-weight: bold;
    color: #000;
		
}

.programListing .available {
    display: block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/client/images/available.png) no-repeat ;
    margin: 0 auto;

}

.programlisting-printcampus
{
display:none;
}

.programListing td em { position: absolute; left: -9999px; overflow: hidden; }

.footable > thead > tr > th,.footable > thead > tr > td {
  position: relative;
}

.footable.breakpoint > tbody > tr > td.expand {
  background: url('/client/images/plus.png') no-repeat 5px center;
  padding-left: 40px;
}

.footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
  background: url('/client/images/minus.png') no-repeat 5px center;
}

.footable > tbody > tr:hover {
  background: #fbf8e9;
}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}


.footable > tbody img {
  vertical-align:middle;
}

.footable > thead > tr > th > span.footable-sort-indicator {
  width: 16px;
  height: 16px;
  display: block;
  float:right;
  background: url('/client/images/sorting_sprite.png') no-repeat top left;
}

.footable > thead > tr > th.footable-sortable:hover {
  cursor:pointer;
}

.footable > thead > tr > th.footable-sortable > span {
  
}

.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator {
  background-position: 0 -16px;
}

.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator {
  background-position: 0 -32px;
}

/* --- >>> Program Detail <<< ---*/
.programDetail {

}

	.programDetail .programImg {
		margin-bottom: 30px;
	}
	
	#programOptions h2 {
		
		}
		
		a.flyer {
			display: block;
			width:100%;
			height:90px;
			background: url(/uploadedImages/Resources/Banners/banner-curriculumflyer.gif) no-repeat 50% top;
			text-indent: -9999px;
			overflow: hidden;
			margin-bottom: 25px;
			}
	
	.programDetail #programAccordion h2 {
		margin-top: 0px;
		cursor: pointer;
		background: #eee url(/client/images/arrow-open-dark.png) no-repeat 6px 16px;
		padding: 9px 10px 5px 30px;
		font-size: 24px;
		}
		
		.programDetail #programAccordion h2.collapsed {
			background:  #eee url(/client/images/arrow-closed-dark.png) no-repeat 9px 13px;;
		}
		
		.programDetail #programAccordion h2:hover {
			background-color: #ddd;
			}
			
			#programAccordion .panel-collapse {
				padding-bottom: 20px;
				}
	
	.programDetail .box {
		background: #777
	}
		.programDetail .box h2 {
			font-size: 26px;
			line-height: 1;
			padding-top: 20px;
			margin-bottom: 0;
			}
			
			.programDetail .box h2:first-child {
				padding-top: 0;
				}
				
	.programOption {
		clear: both;
		background: #f2f3f4;
	
		margin-bottom: 30px;
		}
		
		#programOptions a {
			font-weight: bold;
			color: #ca1134;
			}
			
			.programOption  ul {
				margin: 0;
				padding: 0 0 10px 0;
				list-style: none;
				}
				
				.detail-req {
					padding-bottom: 5px;
					}
				
	#programOptions #accordion .panel {
		background: transparent;
		}
		
		#programOptions #accordion header {
			background: #ca1134 url(/client/images/arrow-open.png) no-repeat 8px 15px;
			padding: 10px 10px 10px 30px;
			color: #fff;
			font-family: "ITC Franklin Gothic W01";
			cursor: pointer;
			margin-bottom: 3px;
		}
		
		#programOptions #accordion  header:hover, #programOptions  #accordion header.collapsed:hover {
			background-color: #ca1134;
			}
		
		#programOptions #accordion header.collapsed {
			background: #404040 url(/client/images/arrow-closed.png) no-repeat 12px 11px;
			
		}
		
		#programOptions #accordion .panel-collapse {
			padding: 20px;
			}

			
			
/* --- >>> Course Detail   <<< ---*/	  

		
		.coursedescription {
			
			margin-bottom: 1em;
		}
      
		
			.courserow {
				clear: both;
				padding:10px 0px;
				margin: 20px 0;
				border-top:1px solid #e6e6e6;
				}
				
				.courserow:first-child {
					border: 0;
					}
		
			.coursedetailtitle {
				font-family: "ITC Franklin Gothic W01";
				font-size: 16px;
				width: 120px;
				float: left;
			}
			.coursedetail {
				
				float: left;
				}
		
/* --- >>>   <<< ---*/


.box {
    padding: 15px;
    margin: 0 0 13px 0;
    background: #b3b3b3;
    color: #fff;
}

.red.box {
    background: #aa1d32;
    color: #fff;
}

.box p {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0 10px;
}

.box.clearfix {
    color: #000;
	width: 100%;
}

.box.red p {
    float: none;
    width: auto;
    padding: 0;
}

.box.red a {
    color: #fff;
}

.box.red ul {
    margin-top: 10px;
}

.box .button {
    float: right;
    margin-top: 15px;
    margin-right: 10px;
}

    .box p {
        
    }

    .box .button {
        
               border-top: 1px solid #a61029;
               background: #c4122f;
               background: -webkit-gradient(linear, left top, left bottom, from(#a61029), to(#c4122f));
               background: -webkit-linear-gradient(top, #a61029, #c4122f);
               background: -moz-linear-gradient(top, #a61029, #c4122f);
               background: -ms-linear-gradient(top, #a61029, #c4122f);
               background: -o-linear-gradient(top, #a61029, #c4122f);
               padding: 9px 23px;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
               border-radius: 3px;
               -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
               -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
               box-shadow: rgba(0,0,0,1) 0 1px 0;
               font-size: 21px;
               text-decoration: none;
               vertical-align: middle;
               text-decoration: none;
               vertical-align: middle;
               display: block;
               color: #fff;
               border-color: #c4122f;
            }
                 .box .button:hover {
                    background: #c4122f;
                    color: #fff;
                 }
           


/* ---------->>> button <<<-----------*/

.button, .modSearchResults .gsc-search-button input {
	color: #fff;
	display: inline-block;
	*display: inline;
	padding: 10px 15px 25px 15px;
	
	font-size: 19px;
	font-family:"ITC Franklin Gothic W01";
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	
	border: 1px solid;
	*border: 0;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*zoom: 1;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	
	background: #000;

}


.button:hover,
.button:focus,
.button:active,
.button.active,
.button.disabled,
.button[disabled] {
	color: #fff;
	background: #ca1134;
}


/* ---------->>> google search <<<-----------*/
.modSearchResults {
line-height: 1.5em;
margin-bottom: 20px !important;

}

.modSearchResults .gsc-control-cse, .modSearchResults .gsc-control-cse .gsc-table-result {
font-size: 1.0em;
}

.searchResultsHeader,
.modSearchResults h4 img,
.resultPreviewDetails {display: none !important;}


.gs-title, .gs-result .gs-title, .gs-result .gs-title * {
color: #c41230 !important;
text-decoration: none !important;
font-size: 20px!important;
	font-family:"ITC Franklin Gothic W01";
	font-weight: normal!important;
	height: 1.8em!important;
}

.gs-snippet {
	
}

.modSearchResults .gs-per-result-labels {
text-align:right;
}

.modSearchResults .gs-per-result-labels span {
display:none;
}

.modSearchResults  .gs-webResult div.gs-per-result-labels a.gs-label {
background-color:#7DA8AE;
color:#fff;
text-decoration:none;
cursor:pointer;
font-size:0.9em;
font-style:italic;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-left:5px;
padding:3px 6px;
text-align:right;
z-index:0
}



.gsc-cursor-box {
background-color:#f1f1f1;
padding:7px 0px;
}


.gsc-results .gsc-cursor {
border-left: 1px solid #b9b9b9;
padding: 8px 0px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
display: block;
text-transform: uppercase;
padding: 8px 10px;
color: #6e6e6e;
font-weight: bold;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #b9b9b9;
background: #e6e6e6; /* Old browsers */
background: -moz-linear-gradient(top,  #e6e6e6 0%, #b9b9b9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#b9b9b9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6e6e6 0%,#b9b9b9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6e6e6 0%,#b9b9b9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6e6e6 0%,#b9b9b9 100%); /* IE10+ */
background: linear-gradient(top,  #e6e6e6 0%,#b9b9b9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
font-family: Helvetica, Arial, Serif;
opacity: .9;
filter: alpha(opacity=90);
margin-right:0px !important;
text-decoration: none!important;

}

.modSearchResults .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
color: #fff;
border-color: #5c5c5c;   
background: #565656; /* Old browsers */
background: -moz-linear-gradient(top,  #565656 1%, #707070 22%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#565656), color-stop(22%,#707070)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #565656 1%,#707070 22%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #565656 1%,#707070 22%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #565656 1%,#707070 22%); /* IE10+ */
background: linear-gradient(top,  #565656 1%,#707070 22%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
opacity: 1;
filter: alpha(opacity=100);
}

.modSearchResults table.gsc-search-box {
}

.modSearchResults table.gsc-search-box td {
padding: 0px 0px;
}

.modSearchResults table.gsc-search-box td.gsc-input {
}

.modSearchResults .gsc-search-box .gsc-input input {	
border: 5px solid #aaa;
color: #444444;
font-size: 12px;
padding: 6px 8px;
}

.modSearchResults .gsc-search-box .gsc-input input:focus {
border:5px solid #404040;
}

.modSearchResults .gsc-webResult .gsc-result {
padding:20px 0px;
}


.gsc-branding-img, .gsc-branding-text,
.gs-visibleUrl, .gs-visibleUrl-short {display: none !important;}


.modSearchResults .gsc-search-button input {
/* with default button styles 
	padding: 8px 30px;*/11:05 AM 12/7/2017
}

/* ---------->>> FAQs <<<-----------*/

ol.modFAQs {
    	counter-reset:li; /* Initiate a counter */
    	margin-left:0px; /* Remove the default left margin */
    	padding-left:0; /* Remove the default left padding */
}
ol.modFAQs > li {
	position:relative;
    	margin:0 0 6px 0; 
    	padding: 16px 15px 15px 80px; 
    	list-style:none;
    	background:#fff;
	list-style: none;
}
ol.modFAQs > li:nth-child(odd){
	background: #ededed;
}
ol.modFAQs > li:before {
    
    	position:absolute;
	top:8px; 
    	left:23px;
    	-moz-box-sizing:border-box;
    	-webkit-box-sizing:border-box;
    	box-sizing:border-box;
    	width:40px;
    	padding:10px 14px 9px 14px;
    	color:#fff;
    	background:#58a141;
    	font-family:"ITC Franklin Gothic W01";
    	text-align:center;
    	font-size: 2em;
    	border-radius: 30px;
}

ol.modFAQs h3 {
	margin: 0;
	color: #ca1134;
     	font-size: 25px;
     	font-family:"Gill Sans W04";
	text-transform: none;
}

ol.modFAQs h3:hover {
	text-decoration: underline;

}

.FAQsollapse h3 {
	cursor: pointer;
}

ol.modFAQs div {
	padding-top:1em;
}


/* ---------->>> contact form <<<-----------*/

#contactForm div {
	
	clear: both;
	margin-bottom: 1em;
}

#contactForm label {
	float: left;
	width: 30%;
	font-family:"ITC Franklin Gothic W01";
	font-size: 1.5em;
	padding-right: 10px;
	font-weight: normal;
	line-height: 1.1;
}
    #contactForm label strong {
        font-weight: normal;
    }

#contactForm label em {
	font-style: normal;
	font-size: 120%; 
	padding-right: 5px; 
	color: #2E4380;
}

#contactForm div input[type="text"],
#contactForm select,
#contactForm textarea {
	width: 65%;
	border: 1px solid #ccc;
	padding: 5px;
}

#contactForm input[type="radio"],#contactForm input[type="checkbox"] {
	border: 0;
	margin-right: 5px;
	}
	
	
#contactForm ol.design_list_vertical,
#contactForm .dateWrapper {
	float: left;
	width: 65%;
	clear: none;
	}
	
	
	ol.design_list_vertical li {
		float: left;
		}
		
		#contactForm ol.design_list_vertical label {
		float: none;
		width: auto;
		font-size: 1.4em;
		}

#contactForm .button {
    border: 0;
border-top: 1px solid #a61029;
background: #c4122f;
background: -webkit-gradient(linear, left top, left bottom, from(#a61029), to(#c4122f));
background: -webkit-linear-gradient(top, #a61029, #c4122f);
background: -moz-linear-gradient(top, #a61029, #c4122f);
background: -ms-linear-gradient(top, #a61029, #c4122f);
background: -o-linear-gradient(top, #a61029, #c4122f);
padding: 9px 23px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
color: #ffffff;
font-size: 21px;
text-decoration: none;
vertical-align: middle;
font-size: 24px;
text-decoration: none;
vertical-align: middle;
display: block;
margin: 10px auto;
}
#contactForm .button:hover {
    background: #ca1134
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

	
	#contactForm label,#contactForm div input,#contactForm select,#contactForm textarea 
	{float: none;width: 100%; }
}


/* -------------- Tooltips from qTip2 ------------------ */
/*
 * qTip2 - Pretty powerful tooltips - v2.2.0
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Mon Dec 2 2013 05:20 EST-0500
 * Plugins: tips viewport
 * Styles: basic
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	/*max-width: 280px;*/
	min-width: 50px;
	
	

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;

		cursor: pointer;
		outline: medium none;

		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}
	
		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

.qtip-scc {
	background-color:#fff;
	border-width: 1px;
	border-style: solid;
	border-color:#ccc;
	color:#454545;
	font-size:0.85em;
}

.qtip-scc .qtip-titlebar {
	background-color:#ca1134;
	color:#fff;
	font-size: 18px;
	font-weight: normal;
font-family: "ITC Franklin Gothic W01";
}
.qtip-scc .qtip-titlebar .subtitle {
	font-size: 14px;
}

.qtip-scc .coursedata {
padding:5px 9px;
background-color:#dedede;
margin: 5px -9px -9px;

}
.qtip-scc .coursedata .left {
float:left;
width:70%;
}
.qtip-scc .coursedata .right {
float:right;
width:28%;
text-align:right;
}


.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	background-color:#ffffff;
}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;
		
		color: #ffffff;
		background: transparent;
		border: 0 dashed transparent;
	}
	
	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}
	
	.sharethisicons {
	padding-top: 10px;
padding-bottom: 6px;
	}
