﻿/*

scale:
    2.111em     38px (h1)
    1.444em     26px (h2)
    1.222em     22px (h3)
    1.111em     20px
	1.0 em:		18px (base)
    0.889em;    16px
    0.778em     14px (breadcrumbs)
    0.722em     13px (footer)
    0.667em     12px (footer)

*/

@import url("https://fast.fonts.com/t/1.css?apiType=css&projectid=3417a6a6-eae1-43de-a5c9-9d8e540bed54");
@font-face{
font-family:"Bodoni W01 Bold 709602";
src:url("Fonts/0a3b2afc-1177-49fc-b852-6d36f4b37543.eot?#iefix");
src:url("Fonts/0a3b2afc-1177-49fc-b852-6d36f4b37543.eot?#iefix") format("eot"),url("Fonts/0ca9a4ed-de46-457a-bc45-f0f87ffd44f2.woff") format("woff"),url("Fonts/87bae0ea-8bc0-45e8-b82d-ccb13870d0e2.ttf") format("truetype"),url("Fonts/46e3e54a-6865-45b5-a951-f0c86163af88.svg#46e3e54a-6865-45b5-a951-f0c86163af88") format("svg");
}
@font-face{
font-family:"Bodoni W01 Bold Italic 709608";
src:url("Fonts/8e76616d-ce24-4651-8581-84dcc7ae3751.eot?#iefix");
src:url("Fonts/8e76616d-ce24-4651-8581-84dcc7ae3751.eot?#iefix") format("eot"),url("Fonts/6f551fc0-4c6f-4ef0-b026-f1e148977a7b.woff") format("woff"),url("Fonts/32eb1298-d5c4-4112-a2f5-ee0ac5051b72.ttf") format("truetype"),url("Fonts/79868027-7d4d-452f-a701-80ad10720730.svg#79868027-7d4d-452f-a701-80ad10720730") format("svg");
}
@font-face{
font-family:"Bodoni W01 Book 709611";
src:url("Fonts/dd896678-2492-4538-a2f8-a1087ebc1e37.eot?#iefix");
src:url("Fonts/dd896678-2492-4538-a2f8-a1087ebc1e37.eot?#iefix") format("eot"),url("Fonts/ba4b8c27-e5cc-4b4b-b277-127dca0e8f4f.woff") format("woff"),url("Fonts/0771e6fd-6e6a-4c81-a462-08cd2d69e3ec.ttf") format("truetype"),url("Fonts/d0c30112-880f-411f-b967-c2a4a7d3754b.svg#d0c30112-880f-411f-b967-c2a4a7d3754b") format("svg");
}
@font-face{
font-family:"Bodoni W01 Book Italic";
src:url("Fonts/0a91bb9c-414c-4757-bcdb-db39e4a51688.eot?#iefix");
src:url("Fonts/0a91bb9c-414c-4757-bcdb-db39e4a51688.eot?#iefix") format("eot"),url("Fonts/e27899f4-4bb0-4e52-927a-86308f146280.woff") format("woff"),url("Fonts/27951388-bcbb-43d5-b2b1-469b24ed2383.ttf") format("truetype"),url("Fonts/2daa8db8-36d0-44e0-8f9f-62913fd44f5d.svg#2daa8db8-36d0-44e0-8f9f-62913fd44f5d") format("svg");
}
@font-face{
font-family:"Bodoni W01 Roman";
src:url("Fonts/d9962452-df3a-4090-ba2d-e5fdb84dc9da.eot?#iefix");
src:url("Fonts/d9962452-df3a-4090-ba2d-e5fdb84dc9da.eot?#iefix") format("eot"),url("Fonts/cd77f8b9-e937-4ea5-a635-19a0db457df1.woff") format("woff"),url("Fonts/4c42a4ae-e7fd-4696-9365-ba1c98cffbdf.ttf") format("truetype"),url("Fonts/bb307ba8-bca1-4840-ab5c-136397597d64.svg#bb307ba8-bca1-4840-ab5c-136397597d64") format("svg");
}
@font-face{
font-family:"Futura BT W01 Medium";
src:url("Fonts/7ed1bebb-81a9-4c57-9513-f0538c1b83fc.eot?#iefix");
src:url("Fonts/7ed1bebb-81a9-4c57-9513-f0538c1b83fc.eot?#iefix") format("eot"),url("Fonts/ddc0f223-a296-451a-8681-ad80508eb419.woff") format("woff"),url("Fonts/c18fc865-7a4e-45d9-bbb0-4e4553cc4136.ttf") format("truetype"),url("Fonts/71710047-b807-47eb-9874-7db8f4904492.svg#71710047-b807-47eb-9874-7db8f4904492") format("svg");
}


/* ---------->>> GLOBAL <<<-----------*/

body { 
	color: #4e4e4e;
	font-size: 1.125em;
	background: #fff;
	font-family: "Bodoni W01 Book 709611",Georgia,"Times New Roman",Times,serif;
	font-family:"Bodoni W01 Roman";
    line-height: 1.4;
	}
	
	.wrapper {
	    position: relative;
	}	
	
	#page {
	    background: #fff url(/client/images/page-bg.jpg) no-repeat top center;
	    padding: 55px 0 55px;
	}
	
	    #page .wrapper {
	        background: #fff url(/client/images/divider.png) repeat-y;
	    }
	    
	    .athletics #page .wrapper {
	        background: transparent;
	    }
	
	.subpage {
	       
	}
	
.ui-loader, #mobileNav, .showMenu, .ui-btn-inner {
    display: none;
}
    
    	
.gradient, .zSide .gradient {
background-color:#f0f0f0;
-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
-webkit-box-shadow: 0px 4px 5px -3px rgba(50, 50, 50, 0.40);
-moz-box-shadow:    0px 4px 5px -3px rgba(50, 50, 50, 0.40);
box-shadow:         0px 4px 5px -3px rgba(50, 50, 50, 0.40);
padding:1px;
margin:0px 5px 40px;
}

.zSide .gradient {
margin:0px 0px 40px;
}

.gradient h2 {
padding-left:0px;
padding-bottom:0px;

}

.gradient .fade {
background:url(/client/images/bottomFade.png) repeat-x top;
margin:-2px -2px;
padding:2px 2px;
}

.gradient .inner {
border:1px solid #fff;
-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
padding:0px 15px 15px;
}



#bottomContent {
clear: both;
display:block;
background: url(/client/images/bottomContent.png) no-repeat bottom left;   
}
    
#bottomContent .module {
background: url(/client/images/bottomFade.png) repeat-x top;
}
              
#bottomContent .span5 {
margin-left: 20px;
}
        
#bottomContent .PBItem:first-child .span5 {
margin-left: 0;
}

#bottomContent .gradient {
background-color:transparent;
-webkit-border-radius: 0px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 0px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
padding:0px;
margin-bottom:0px;
margin-right:0px;
}

#bottomContent .fade {
margin:-2px -3px;
padding:3px 3px;
}

#bottomContent .inner {
border:none;
-webkit-border-radius: 0px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 0px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
padding:20px;
}

/* -- */
	
	a {
		text-decoration: none;
		color: #124992;
	}

	a:hover, a:active{
		text-decoration:underline;
		color: #165bb5;
	}
	
	a:visted {
		color: #124992;
	}
	
	.wrapper img {
	    max-width: 100%;
		height: auto;
	}
	
/* ---------->>> headings <<<-----------*/

h1,h2,h3,h4,h5,h6 { 
		font-weight:400;
		
		}
		
h1 { 
    font-family: "Futura BT W01 Medium";
	font-size:2.111em;
	line-height:1;
	margin-bottom:.5em;
}

h2 { 
    font-family: "Futura BT W01 Medium";
	font-size: 1.444em;
    padding-bottom: .5em;
    line-height: 1.2;
}
    h2 em {
        font-style: normal;
        font-size: 90%;
        display: block;
    }
	
    
h3{ 
	font-size: 1.222em;
	}
	
	
h4{ 
	font-size:1.111em;
	line-height:1.25;
	margin-bottom:1.25em;
	}
	
	
h5{ 
	font-size:1em;
	font-weight:700;
	margin-bottom:1.5em;
	}
	
h6{ 
	font-size:1em;
	font-style:italic;
	font-weight:700;
	}


.home h2 {
    color: #a7885a;
}



/* ---------->>> section colors <<<-----------*/

/* admissions / default blue */
h1, h2, a,span.phone {
    color: #124992;
}

.modEventList time,
#pageColor {
    background: #124992;
}

.admissions .zSide h2 {
    color: #8ea4c2;
}

#pageNav {
    background: #124992; /* Old browsers */
    background: -moz-linear-gradient(left,  #000 50%, #124992 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#000), color-stop(50%,#124992)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #000 50%,#124992 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #000 50%,#124992 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #000 50%,#124992 50%); /* IE10+ */
    background: linear-gradient(to right,  #000 50%,#124992 50%); /* W3C */
}

/* ---------->>> Button (generic) <<<-----*/
.button {
	background-color: #124992;  
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font:0.889em/1 "Futura BT W01 Medium";
    overflow: visible;
    padding: 5px 10px;
    text-transform: uppercase;
}

.button:hover {
text-decoration:none;
color: #fff;
}

@media only screen and (max-width: 767px) { 
    
   #pageNav {
        background: #124992;
   }
}


/* about red / pink */
.about h1, .about h2, .about a, .about span.phone {
    color: #883233  ;
}

.about .modEventList time,
.about #pageColor, .about .button {
    background: #883233;
}

.about .zSide h2 {
    color: #883233;
}

.about #pageNav {
    background: #883233; /* Old browsers */
    background: -moz-linear-gradient(left,  #000 50%, #883233 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#000), color-stop(50%,#883233)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #000 50%,#883233 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #000 50%,#883233 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #000 50%,#883233 50%); /* IE10+ */
    background: linear-gradient(to right,  #000 50%,#883233 50%); /* W3C */
}

 .about #page .navPage li a {
         color:#883233;
     }
        .about #page .navPage li a:hover,
        .about #page .navPage li.current a  {
            color: #582021;
        }


@media only screen and (max-width: 767px) { 
    
  .about  #pageNav {
        background: #883233;
   }
}


/* community, Services orange / yellow */
.community h1, .community h2, .community a, .community span.phone, .services h1, .services h2, .services a, .services span.phone {
    color: #c88b30   ;
}

.community .modEventList time, .services .modEventList time {
    background: #e59d31;
}

.community #pageColor, .community .button, .services #pageColor, .services .button {
    background: #c88b30;
}

.community .zSide h2, .services .zSide h2 {
    color: #c88b30 ;
}

.community #pageNav, .services #pageNav {
    background: #c88b30; /* Old browsers */
    background: -moz-linear-gradient(left,  #000 50%, #c88b30 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#000), color-stop(50%,#c88b30)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #000 50%,#c88b30 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #000 50%,#c88b30 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #000 50%,#c88b30 50%); /* IE10+ */
    background: linear-gradient(to right,  #000 50%,#c88b30 50%); /* W3C */
}

 .community #page .navPage li a, .services #page .navPage li a  {
         color:#c88b30;
     }
        .community #page .navPage li a:hover,
        .community #page .navPage li.current a  {
            color: #996a25;
        }


@media only screen and (max-width: 767px) { 
    
  .community  #pageNav,.services  #pageNav  {
        background: #c88b30;
   }
}


/* campus life green */
.campus h1, .campus h2, .campus a, .campus span.phone {
    color: #a6a75b   ;
}

.campus .modEventList time {
    background: #a6a75b;
}

.campus #pageColor, .campus .button {
    background: #a6a75b;
}

.campus .zSide h2 {
    color: #a6a75b ;
}

.campus #pageNav {
    background: #a6a75b; /* Old browsers */
    background: -moz-linear-gradient(left,  #000 50%, #a6a75b 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#000), color-stop(50%,#a6a75b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #000 50%,#a6a75b 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #000 50%,#a6a75b 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #000 50%,#a6a75b 50%); /* IE10+ */
    background: linear-gradient(to right,  #000 50%,#a6a75b 50%); /* W3C */
}

 .campus #page .navPage li a {
         color:#a6a75b;
     }
        .campus #page .navPage li a:hover,
        .campus #page .navPage li.current a  {
            color: #858649;
        }

@media only screen and (max-width: 767px) { 
    
  .campus  #pageNav {
        background: #a6a75b;
   }
}

/* Degrees Courses purple */
.degrees h1, .degrees h2, .degrees a, .degrees span.phone {
    color: #615b7d   ;
}

.degrees .modEventList time {
    background: #615b7d;
}

.degrees #pageColor, .degrees .button {
    background: #615b7d;
}

.degrees .zSide h2 {
    color: #615b7d ;
}

.degrees #pageNav {
    background: #615b7d; /* Old browsers */
    background: -moz-linear-gradient(left,  #000 50%, #615b7d 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#000), color-stop(50%,#615b7d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #000 50%,#615b7d 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #000 50%,#615b7d 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #000 50%,#615b7d 50%); /* IE10+ */
    background: linear-gradient(to right,  #000 50%,#615b7d 50%); /* W3C */
}

 .degrees #page .navPage li a {
         color:#615b7d;
     }
        .degrees #page .navPage li a:hover,
        .degrees #page .navPage li.current a  {
            color: #46425a;
        }


@media only screen and (max-width: 767px) { 
    
  .degrees  #pageNav {
        background: #615b7d;
   }
}


/* ---------->>> text <<<-----------*/
	ol,ul,p	{ 
		margin-bottom: .65em;
	}
	    
        .module p:last-child, .module ol:last-child, .module ul:last-child {
            margin-bottom: 0;
        }

	
	ol, ul{ 
		padding-left:20px;
	}

	pre {
		margin:1.5em 0;
		white-space:pre;
	}
		
	pre,code,tt,kbd,samp { 
		font:1em 'andale mono', 'lucida console', monospace;
		line-height:1.5
	}

	em,dfn,mark { 
		font-style:italic
	}
	
	strong,dfn 	{ 
		font-weight:700;
	}
	
	sup,sub { 
		line-height:0;
	}
	
    .light {
        color: #898989;
    }

/* ---------->>> alert <<<-----------*/
#alert {
	background: #de5900;
}
	#alert div {
		padding: 5px 5px 5px 32px;
		background: url(/client/images/alert.png) no-repeat 10px 9px;
		
	}
		#alert h1, #alert p {
			color: #fff;
			font-size: .9em;
			display: inline;
			margin: 0;
			font-family: "Futura BT W01 Medium";
			}
	
		#alert h1 {
		
			}
		#alert p {
			font-size: .8em;
			}
	
/* ---------->>> header <<<-----------*/
#pageWrapper {
	position: relative;
	}

#pageHeader {
    background: #000;
    background: rgba(0,0,0,.75);
    padding: 11px 0 0px 0;
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
}

    #pageHeader .zone {
        float: none;
        position: relative;
    }
    
        #logo {
            position: absolute;
            top: 50px;
			z-index: 99999;
			width: auto;
        }
    
        #logo a {
            display: block;
            background: url(/client/images/lewis-clark.png) no-repeat;
            text-indent: -9999px;
            overflow: hidden;
            width: 322px;
            height: 62px;
        }
        
        .navGlobal {
            font-family: "Futura BT W01 Medium";
            font-size: 0.85em;
            padding: 0;
            margin-bottom: 0;
        }
        
            .navGlobal li {
                float: left;
                line-height: 1.1;
                display: block;
            }
            
			.navGlobal li:hover, .navGlobal li.current {
                border-top-width:4px;
				border-top-style:solid;
				padding-top:7px;
				position: relative;
				top: -11px;
            }

				.navGlobal li:first-child a {
                border-left-width: 0;
				}
            
                .navGlobal li a {
                    color: #d8d8d8;
                    border-left: 1px solid #fff;
                    display: block;
					padding: 0px 7px;
					margin-left:-1px;
                }
                
                .navGlobal li a:hover,
                .navGlobal li.current a {
                    color: #fff;
                    text-decoration: none;
                }
			.navGlobal #gn1.current ,
			.navGlobal #gn1:hover { 
				border-color: #615b7d;
			}
			.navGlobal #gn2.current ,
			.navGlobal #gn2:hover { 
				border-color: #8ea4c2;
			}
			.navGlobal #gn3.current ,
			.navGlobal #gn3:hover { 
				border-color: #a7a75a;
			}
			.navGlobal #gn4.current ,
			.navGlobal #gn4:hover { 
				border-color: #c88b30;
			}
			.navGlobal #gn5.current ,
			.navGlobal #gn5:hover { 
				border-color: #124992;
			}
			.navGlobal #gn6.current,
			.navGlobal #gn6:hover { 
				border-color: #a65a5c;
			}
		
        
        					
	    #search {
	        font-family: "Futura BT W01 Medium";
		    position: relative;
		    top: -8px;
		    float: right;
	    }
	        #txtSearch, #search .ui-btn {
	            float: left;
	        }
	        
		    #txtSearch input {
			    background: #787473;
			    color: #fff;
			    border: 1px solid #787473;
			    font-size: .6em;
			    padding:6px 6px 5px 6px;
			     font-size: .75em;
		    }
		    
		     #txtSearch input:focus {
		         color: #fff;
		         background: #5b5857;
		         border: 1px solid #5b5857;
		     }
		
		    #ctl00_searchCtrl_searchBtn {
			    margin-left: -5px;
		    }
			
			/* chrome only fix */
			@media screen and (-webkit-min-device-pixel-ratio:0) { 
			 #ctl00_searchCtrl_searchBtn {margin-top:2px;} 
			}
    
    
    
/* ---------->>> nav page <<<-----------*/
#pageNav {
    border-bottom: 1px solid #fff;
    height: 470px;
}

 #pageNav .pageImg {
     background-repeat: no-repeat;
     background-position: 50% 0;
     height: 470px;
     width: 100%;
     position: absolute;
     left: -243px;
     
 }

    #pageNav .zSide {
        float: right;
        margin-top: 55px;
    }

nav ul {
		margin-bottom:0;
		padding-left:0;
	}
	nav li { 
		list-style:none;
		}
		
	.navPage {
	    padding: 25px;
	    font-size: .95em;
	}

    .navPage li {
	    font-family: "Futura BT W01 Medium";
	    display: block;
	    
    }

    .navPage li a,
     .athletics #page .navPage li a {
        color: #f4f4f4;
        padding: 7px 0;
        display: block;
    }
   
        .navPage li a:hover,
        .navPage li.current a,
        .athletics #page .navPage li a:hover,
         .athletics #page .navPage li.current a {
            color: #fff;
            text-decoration: none;
        }
    
         .navPage li.current a,
         .athletics #page .navPage li.current a {
             cursor: default;
             color: #fff;
         }
         
#page .navPage {
    padding: 0 0 25px 30px;   
}
         
     #page .navPage li a {
         color:#124992;
     }
        #page .navPage li a:hover,
        #page .navPage li.current a  {
            color: #0c305f;
        }
        
 .athletics #page .navPage {
    padding: 25px;   
 }      
 
    
#pageColor {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #124992;
    height: 148px;
}

    

/* ---------->>> breadcrumbs <<<-----------*/

.breadcrumbs {
    padding-bottom: 0px;
    color: #707070;
    font-size: 0.778em;
    font-family: "Futura BT W01 Medium";

}
.breadcrumbs div {display:inline;}

/* ---------->>> footer <<<-----------*/

#pageFooter {
	background: url(/client/images/footer.jpg) no-repeat top center;
	color: #707070;
	padding: 30px 0 60px 0;
	font-family: "Futura BT W01 Medium";
	
}

     #pageFooter .zMain nav li a,
     #pageFooter a {
        color: #707070!important;
    }
    
    #pageFooter .zMain nav li {
        display: inline;
        padding-right: 15px;
        font-size: 0.889em;
    }
    
    #pageFooter small {
        font-size: 0.722em;
        padding: 1em 0;
        display: block;
    }
    
    #pageFooter address p {
        margin-bottom: .5em;
        font-size: 0.667em;
        font-style: normal;
    }
     
	#navSocial {
	padding:0px;
	}  

     #navSocial li {
         float: left;
         margin: 1px;
     }

	    #navSocial li a {
	        background: url(/client/images/social.png) no-repeat;
	        display: block;
	        width: 37px;
	        height: 36px;
	        text-indent: -9999px;
	        overflow: hidden;
	        opacity: .9;
	        filter: alpha(opacity=90)
	    }
	
	        #navSocial li#fb a {
	            background-position: 0 0;
	        }
	    
	         #navSocial li#twitter a {
	            background-position: -40px 0;
	        }
	    
	         #navSocial li#gplus a {
	            background-position: -80px 0;
	        }
	    
	         #navSocial li#flickr a {
	            background-position: -120px 0;
	        }
	    
	         #navSocial li#youtube a {
	            background-position: -160px 0;
	        }
	    
	         #navSocial li#rss a {
	            background-position: -200px 0;
	        }

        #navSocial li a:hover {
            opacity: 1;
             filter: alpha(opacity=100)
	    }
     


/* ---------->>> homepage <<<-----------*/





#homeRotatorWrapper {
    background: #000;
    position: relative;
    height: 730px;
}

    #homeRotator .caroufredsel_wrapper {
      
        margin-bottom: 0!important;
    }
    
  
    #homeRotator ul {
        padding: 0;
        margin: 0;
    }
   
    #homeRotator li.bgSlide {
        list-style: none;
        width: 100%;
        height: 730px; 
        background-position: top center;
        background-repeat: no-repeat;       
        left: 0;
        position: absolute;
        top: 0;
    }
    
  
        
            #homeRotator .caption {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 90px!important;
                width: 100%;
				background: #000;
                background: rgba(0,0,0,.6);
                color: #fff;
                font-family: "Futura BT W01 Medium";
            }
            
                #homeRotator .caption p {
                     width: 952px;
                     margin: 0 auto;
                     padding-top: 10px;
                }
            
            #homeRotator .caption a {
                    color: #8ea4c2;
                    padding-left: 5px;
                    background: url(/client/images/arrow-blue.png) no-repeat right;
                    padding-right: 16px;
                    text-decoration: none;
                 }
 
          
 #homePagination {
    position: absolute;
    z-index: 1000;
    bottom: 10px;
    left: 50%;
    margin-left: 455px;
   
}

    .pagination li {
        float: left;
         list-style: none;   
    }
    
         .pagination a {
             display: block;
             width: 16px;
             height: 16px;
             margin-right: 5px;
             text-indent: -9999px;
             overflow: hidden;
             float: left;
             background: url(/client/images/paging.png) no-repeat!important;
             cursor: pointer;
         }
         
          .pagination li a:hover,
          .pagination li.selected a,
          .pagination li a.selected {
             background-position: -22px 0!important;
          }
     

#navAudience {
    background: #124992;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 12px 0;
    font-family: "Futura BT W01 Medium";
   font-size: 0.889em;
}
  
    #navAudience ul {
        float: left;
        padding-left: 20px;
        list-style: none;
    }
        
        #navAudience li {
            float: left;
            padding: 0 12px;
            background: url(/client/images/audience-bullet.png) no-repeat left 50%;
        }
        
         #navAudience li:first-child {
             padding-left: 0;
             background: transparent;
         }
            
            #navAudience li a {
                color: #fff;
            }
                 #navAudience li a:hover {
                    color: #eee;   
                    text-decoration: none;
                 }

.home-image {
    border: 10px solid #fff;
    float: right;
    margin: 0px 0 5px 20px;
    -webkit-box-shadow:  1px 1px 3px 3px #b7b7b7;
    box-shadow:  1px 1px 3px 3px #b7b7b7;
}


/* ---------->>> news <<<-----------*/
	/* news listing */
	.modNewsList {
	    
	}
	
	
		
	.modNewsList h2 {
	    color: #124992;
	    border-bottom: 1px solid #a7885a;
	    padding-bottom: .5em;
	    margin-bottom: .5em;
	}
	
		.modNewsList ul {
		padding:0px;
		margin:0px;
		}
	    .modNewsList li {
	        list-style: none;
	        padding-bottom: 1em;
	    }
	        
	        .modNewsList h3 {
	            font-size: 1em;
	        }
	    
	             .modNewsList li a {
	                 color: #464646;
	             }
	     
	     a.more {
	         font-size: 1.1em;
	         font-family: "Futura BT W01 Medium";
	     }
			

/* ---------->>> dt news detail <<<-----------*/

.newsStory time,
.newsStory .author {
}

.newsStory time {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
    margin-bottom: 1em;
    display: block;
}

.newsStory .article {
    padding-top: 1em;
}

.modNewsRelated a {
	color:#1e2e3d;
	font-size:1.0em;
	font-weight:700;
} 
		
	.modNewsRelated time {
		color:#74756b;
		display:block;
		font-size:0.917em;
		font-style:italic;
		padding-bottom:1.0em;
	} 
	
	
.relatedNews {
    width: 238px!important;
    margin: 0;
    position: relative;
    left: -15px;
}

.relatedNews .item {
margin-bottom:1.25em;
font-size:0.889em;
}

.relatedNews .title {
font-family: "Futura BT W01 Medium";
display:block;
}
.relatedNews time {
font-style:italic;
}

.relatedNews .controls {

}
    
/* ---------->>> dt news and Media Feature News <<<----------------------*/

.modNewsFeature #detailImageSet {
    float: right;
}

/* detail page image rotators */
#detailImageSet {
background:#ccc;
float:right;
margin-left:2em;
margin-bottom:1em;
padding:5px;
position:relative;
width:240px;
z-index:20;
} 
				
#detailImageSet img, #detailImageSet .imageset {
width: 240px;
height:200px;
}

#detailImageSet .imageset {
 overflow: hidden;
}

#detailImageSet .imageset div {
display:block;
float:left;
width:240px;
height:200px;
}



#detailImageSet .paging {
margin-top:5px;
}

#detailImageSet .paging a {
float: left;		
padding: 3px;
margin: 3px;
width: 12px;
height:12px;
position: relative;
text-align: center;
background-color:#7d7061;
-webkit-border-radius: 3px;
border-radius: 3px;
text-indent:-9999px;
overflow:hidden;
}

#detailImageSet .paging a.selected {
background-color:#124992;
}

/* featured news */

.modNewsFeature h2 {
    padding-bottom: 0;
}

.modNewsFeature time {
	color:#74756b;
	font-style: italic;	
	display: block;
}

/* ---------->>> dt past news stories archive <<<------------------------*/
.newsArchive h2 { 
margin:0.5em 0px 5px;
border-bottom:1px solid #f2f2f2;
}

.newsArchive .item {
	clear: both;
	margin-bottom: 1em;	
}
		
	.newsArchive .item img {
		float:left;
		margin-right: 3%;
		width: 15%;
		margin-top:6px;
		
	}
		
	.newsArchive .item .text {
		float: left;
		width: 82%;
	}
			
.newsArchive h3 {
	color: #3d5450;
	font-family: "Futura BT W01 Medium";	
	font-size: 1.1em;			
}
	.newsArchive h3 a {
		color: #3d5450;
	}
			
.newsArchive time {
	color:#74756b;
	font-style: italic;	
}
			
.newsArchive p.teaser {
	margin: 0;	
}



	
/* ---------->>> Green Fact <<<-----------*/	
.zSide .modGreenFact  {
    background-color:#EEEEDE;
    width: 238px;
}

    
	.modGreenFact .greenFactImg {
		margin-bottom:15px;
		border:1px solid #fff;
		-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
		border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
	}

	.modGreenFact .more {
	font-family: "Futura BT W01 Medium";		
       font-size: 1.1em;
	   height:30px;
	   padding-top:10px;
	   background:url(/client/images/icon_greenfact.png) no-repeat right 50%;
	}
     
   
    .modGreenFact .more a {
        color: #a7a75a;
    }

	 .modGreenFact .more a:hover {
        color: #838332;
		text-decoration:none;
    }



/* ---------->>> banner  <<<-----------*/	

.zSide .banner {
background-color:#373737;
border:1px solid #373737;
-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
-webkit-box-shadow: 0px 4px 5px -3px rgba(50, 50, 50, 0.40);
-moz-box-shadow:    0px 4px 5px -3px rgba(50, 50, 50, 0.40);
box-shadow:         0px 4px 5px -3px rgba(50, 50, 50, 0.40);
width:236px;
font-family: "Futura BT W01 Medium";
padding:0px;
margin-bottom:40px;
}

.banner a {
color:#fff;
}
.banner a:hover {
text-decoration:none;
}

.banner .caption {
border-top-width:7px;
border-top-style:solid;
padding:15px 35px 15px 15px;
font-size:1.222em;
position:relative;
}

.banner.red .caption {
border-top-color:#883233;
}
.banner.orange .caption {
border-top-color:#c98b30;
}
.banner.green .caption {
border-top-color:#a7a75a;
}
.banner.blue .caption {
border-top-color:#124992;
}
.banner.purple .caption {
border-top-color:#615c7e;
}

.banner .controls a {
position:absolute;
right:15px;
bottom:20px;
background:url(../images/ctrl_whitearrow_right.png) no-repeat;
overflow:hidden;
text-indent:-999em;
width:14px;
height:23px;
display:block;
}


/* -------->>> Horizontal banner sets <<< -----*/
.bannerHoriz h2 {
color: #124992;
padding-left:10px;
}

.bannerHoriz .inner {
padding:5px;
}

.bannerHoriz .item {
display: -moz-inline-stack; display: inline-block; position: relative;
padding:10px 11px 10px 12px;
letter-spacing: normal; word-spacing: normal;
*display: inline;
vertical-align: top;
zoom: 1;
width:197px;

}

.bannerHoriz .caption {
margin-top:10px;
font-size:0.778em;
font-family: "Futura BT W01 Medium";
}


/* ---------->>> featured Major ----*/
.zSide .featureMajor {
background-color:#373737;
border:1px solid #373737;
-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
-webkit-box-shadow: 0px 4px 5px -3px rgba(50, 50, 50, 0.40);
-moz-box-shadow:    0px 4px 5px -3px rgba(50, 50, 50, 0.40);
box-shadow:         0px 4px 5px -3px rgba(50, 50, 50, 0.40);
width:236px;
font-family: "Futura BT W01 Medium";
color:#fff;
padding:0px;
margin-bottom:40px;
}

.featureMajor a {
color:#a19cc1;
}

.featureMajor a:hover {
text-decoration:none;
}

.featureMajor .caption {
border-top-width:7px;
border-top-style:solid;
padding:15px 35px 15px 15px;
font-size:0.778em;
position:relative;
border-top-color:#a7a75a;
}

.featureMajor h3 {
font-size:1.6em;
margin-bottom:0.5em;
}

.featureMajor .controls  {
padding:0.5em 0px;
}

.featureMajor .controls a {
background:url(../images/ctrl_whitearrow_right.png) no-repeat right top;
width:100%;
height:23px;
display:block;
font-size:1.3em;
padding-right: 10px;
}


/* ---------->>> academic Tools <<<-----------*/
.academicTools .tool {
 font-family: "Futura BT W01 Medium";
 font-size:1.222em;
 background-repeat:no-repeat;
 background-position:20px 50%;
}

.academicTools .tool a {
 padding:30px 20px 30px 70px;
 display:block;
}
.academicTools .tool a:hover  {
 text-decoration:none;
 color:#302b50;
}


.academicTools .tool:first-child {
border-bottom:7px solid #615c7e;
}

.academicTools .tool.schedule {
background-image:url(../images/icon_calendar.gif)
}

.academicTools .tool.catalog {
background-image:url(../images/icon_catalog.gif)
}


/* ---------->>> academic program listing <<<-----------*/
.academicPrograms {
 border-top:1px solid #cccccc;
 padding-top:25px;
 font-family: "Futura BT W01 Medium";
 border-bottom:5px solid #615c7e;

}
.academicPrograms h2 {
 margin:0px -5px; 
 padding:0px 5px 20px;
 border-bottom:5px solid #615c7e;
}

.academicPrograms .set {
float:left;
padding:10px 20px;
width:275px;
}

.academicPrograms .singleSet {
float:none;
padding:10px 20px;
width:630px;
}

.academicPrograms li {
 padding:10px 0px;
}

.academicTools li a  {
 color:#252525;
}

/* --------->>> Academic Program detail <<< ------------*/
.major .summary {
 font-family: "Futura BT W01 Medium";
 font-size:1.111em;
 margin-bottom:1.0em;
}

.zSide .majorImage {
background-color:#373737;
border:1px solid #373737;
-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
-webkit-box-shadow: 0px 4px 5px -3px rgba(50, 50, 50, 0.40);
-moz-box-shadow:    0px 4px 5px -3px rgba(50, 50, 50, 0.40);
box-shadow:         0px 4px 5px -3px rgba(50, 50, 50, 0.40);
width:236px;
font-family: "Futura BT W01 Medium";
padding:0px;
margin-bottom:40px;
}

.zSide .majorRelated {
margin-top:-44px;
margin-bottom:40px;
background-color:#373737;
border-width:1px 1px 1px 1px; 
border-style:solid; 
border-color:#fff #373737 #373737 #373737;
-webkit-border-radius: 0px 0px 4px 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 0px 0px 4px 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
-webkit-box-shadow: 0px 4px 5px -3px rgba(50, 50, 50, 0.40);
-moz-box-shadow:    0px 4px 5px -3px rgba(50, 50, 50, 0.40);
box-shadow:         0px 4px 5px -3px rgba(50, 50, 50, 0.40);
width:206px;
font-family: "Futura BT W01 Medium";
padding:15px;
margin-bottom:30px;
color:#fff;

}

.zSide .majorRelated h3 {
padding-bottom:0.5em;
}

.zSide .majorRelated a {
color:#a19cc1;
font-size:    0.889em;
}

.zSide .majorEmployment {
display:block;
color:#fff;
background:#a65a5c url(/client/images/major_empBackground.gif) no-repeat right bottom;
border-bottom:8px solid #373737;
padding:15px 15px 10px;
font-family: "Futura BT W01 Medium";
margin-bottom:0px;
font-size:    0.889em;

}

.zSide .majorEmployment strong {
display:block;
font-weight:normal;
font-size:1.5em;
line-height:1.2;
padding-bottom:0.3em;
}

.overview {
 border-bottom:1px solid #cccccc;
 padding-bottom:20px;
 margin-bottom:20px;

}




#programOptions {
clear: both;
margin:10px 0px;

}

#programOptions #programSelector {	
padding:9px 15px;
color: #444;
border: 1px solid #b9b9b9;
background: #e6e6e6; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f0f0 0%, #cfcfcf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f0f0 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f0f0 0%,#cfcfcf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f0f0 0%,#cfcfcf 100%); /* IE10+ */
background: linear-gradient(top,  #f0f0f0 0%,#cfcfcf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */	
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin:0px;
cursor:pointer;
position:relative;
}

#programOptions #programSelector h2 {
font:normal 1.11em/1  "Futura BT W01 Medium";
margin:0px;
cursor:pointer;
padding:0px;
}


#programOptions #programSelector span {
display:block;
position:absolute;
top:0px;
right:0px;
width:38px;
height:38px;
background:url(/client/images/programSelect_arrow.jpg) no-repeat left top;
cursor:pointer;
}


#programOptions .programNavigator {
list-style: none;
padding: 10px 0px ;
font:normal 1em/1  "Futura BT W01 Medium";
position:absolute;
background: #e6e6e6;
margin-left:15px;
width:643px;
border-width: 0px 1px 1px 1px;
border-style:solid;
border-color:#b9b9b9;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px
}

#programOptions .programNavigator LI {
padding:5px 10px;
}

#programOptions .programNavigator LI:hover {
color: #fff;	
background: #565656; /* Old browsers */
}

#programOptions .pSet {
min-height: 250px;
display: block;
padding: 15px 15px 0px;
}


#programOptions  .curriculum ul {
margin-left:0px;
padding-left: 20px;
list-style: none;
}
			
#programOptions  .curriculum ul ul  {
list-style: square;
padding-left: 0px;
margin-bottom:5px;
margin-top:0.5em;
font-family: "Futura BT W01 Medium";
}
			
#programOptions .curriculum .detail-req {
padding-bottom:5px;
padding-left:0px;
}

#programOptions .curriculum .detail-req.last{
padding-bottom:0.5em;
}

.tabs {
clear: both; 		
margin:0px -15px;
min-height: 250px;	
}
        
ul.tabNavigation {
padding: 0!important;
margin-bottom:0px;
zoom: 1;
}
        
.tabNavigation li {
cursor: pointer;
display: block;
float: left;
list-style: none;
padding: 10px 18px 15px 15px;
color: #615b7d;
font:1.11em/1 "Futura BT W01 Medium";	
margin-bottom:1px;
border-bottom:4px solid #fff;

}

.tabNavigation li:hover {
border-bottom-color:#615b7d
}
              
.tabNavigation li.active {
cursor: default;
color: #a1a1a1;
border-bottom-color:#615b7d
}
.tabNavigation li.active:hover {
color: #a1a1a1;
border-bottom-color:#615b7d
}
                
div.tab {
clear: both;	
}
           
.tab .tcontent {
padding:15px ;
background-color:#ebeaef;
border-bottom: 4px solid #615b7d;
}

.accordion .itemSet {
margin:0px -15px;
padding:0px 15px;
}

.accordion .itemSet.alt {
background-color:#fafafc;
}

.accordion .itemSet.last {
margin-bottom:-15px;
}

.accordion .itemToggle {
background:url(/client/images/accordion_closed.gif) no-repeat left 50%;
color:#615b7d;
font:1.11em/1  "Futura BT W01 Medium";
padding:10px 0px 10px 20px;
cursor:pointer;
}

.accordion .active .itemToggle{
background:url(/client/images/accordion_open.gif) no-repeat left 50%;
}

.accordion h3 {
color:#939290;
padding:10px 0px;	
}

.accordion .itemContainer {
padding-bottom:10px;
}

/* Core qTip styles */
.ui-tooltip, .qtip{
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 280px;
min-width: 50px;
font-size: 10.5px;
line-height: 12px;
}

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid{
display: block;
visibility: hidden;
position: static !important;
float: left !important;
}

.ui-tooltip-content{
position: relative;
padding: 5px 9px;
overflow: hidden;
border: 1px solid #000001;
text-align: left;
word-wrap: break-word;
overflow: hidden;
}

.ui-tooltip-titlebar{
position: relative;
min-height: 14px;
padding: 10px 35px 10px 10px;
overflow: hidden;
border: 1px solid #000001;
border-width: 1px 1px 0;
}

.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default{
position: absolute;
right: 4px;
top: 50%;
margin-top: -9px;
cursor: pointer;
outline: medium none;
border-width: 1px;
border-style: solid;
}
		
* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon{
display: block;
text-indent: -1000em;
}

.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.ui-tooltip-icon .ui-icon{
width: 18px;
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;
}

/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
border-color: #b9b9b9;
	
}
	
.ui-tooltip-default .ui-tooltip-content {
background-color:#f0f0f0;
background: -moz-linear-gradient(top,  #f0f0f0 0%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f0f0 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f0f0 0%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f0f0 0%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(top,  #f0f0f0 0%,#d6d6d6 100%); /* W3C */
color: #555;
width:267px;
padding-bottom:0px;
}

.ui-tooltip-default .ui-tooltip-titlebar{
background-color: #124992;
font-weight:normal;
font-size:18px;
color:#fff;
width:240px;
font-family: "Futura BT W01 Medium";
}

.ui-tooltip-default .ui-tooltip-titlebar .subtitle {
font-size:12px;
margin-top:5px;
}

.ui-tooltip-default .ui-tooltip-content .coursedesc {
margin-bottom:5px;
line-height:1.4;
font-family:Helvetica,Arial,sans-serif;
}

.ui-tooltip-default .ui-tooltip-content .coursedata {
font:11px Helvetica,Arial,sans-serif;
margin:0px -9px 0px;
padding:0px 9px;
background-color: transparent;
background-color: rgba(0, 0, 0, 0.03);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000,endColorstr=#07000000); /* IE6–IE9 */
zoom: 1;
}

.ui-tooltip-default .ui-tooltip-content .left {
float:left;
width:70%;
padding:5px 0px;
}

.ui-tooltip-default .ui-tooltip-content .right {
float:right;
width:28%;
padding:5px 0px;
}




/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
margin: 0 auto;
overflow: hidden;
z-index: 10;
}

.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip *{
position: absolute;
		
line-height: 0.1px !important;
font-size: 0.1px !important;
color: #123456;

background: transparent;
border: 0px dashed transparent;
}
	
.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.ui-tooltip-shadow .ui-tooltip-titlebar,
.ui-tooltip-shadow .ui-tooltip-content{
filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

_margin-bottom: -3px; /* IE6 */
.margin-bottom: -3px; /* IE7 */
}

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
filter: none;
-ms-filter: none;
}

/* ---------->>> Course detail <<< -----------------*/
.CourseDetail .coursedescription {
margin-bottom:1.5em;
}
.CourseDetail .courseDetailData {
padding:5px 10px;
border-bottom:1px solid #cccccc;
}
.CourseDetail .courseDetailData.last{
border-bottom:0px;
}
.CourseDetail .courseDetailDataTitle {
font-family: "Futura BT W01 Medium";
}
/* ---------->>> FAQ Listing <<<--------------------*/

.faqList  .question {
margin-bottom:5px;
font-family: "Futura BT W01 Medium";
}

.faqList  .answer {
margin-bottom:15px;
}

.faqList .itemToggle {
border-bottom: 1px solid #124992;
}

.faqList .itemContainer {
background-color: #F3F5F8;
padding: 10px 20px;
border-bottom: 1px solid #124992;
}

/* ---------->>> wizard  <<<-----------*/	
			
.panelset h2.title {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* PanelSlider Style */
.panelset {
overflow:hidden;
width:320px;
position:relative;
}

.panelset .panel	{
width:320px;
overflow:visible;
padding-bottom:5px;
position:relative;
}

.panelset .panelContentNode {
}

.panelset .panelControl	{
list-style:none;
margin:10px 0px;
padding:0px 0px;
border-top:1px solid #ececec
}

.panelset .panelContentNode .panelDescription {
}

.panelset .panelControl li {
    color: #124992;
    cursor: pointer;
	font-family: "Futura BT W01 Medium";
	border-bottom: 1px solid #ececec;
	font-size:0.889em;
	padding:10px 5px
}

.panelset .panelControl li:hover {
background-color:#F3F5F8;
}


.panelset .panelDescription {
}

.panelset .panelDescription h2 {
    margin-top: 0;
}

.panelset .controls {
padding-top:5px;
text-align:right;
}

.panelset .button {
display:inline;
}
			
/* ---------->>> link set  <<<-----------*/	

.modLinkSet h3 {
    padding-top: .75em;
    font-family: "Futura BT W01 Medium";
}


/* ---------->>> flickr Connect (Majors only)  <<<-----------*/	
.flickrConnect.grid {
margin:0px 0px 20px;
 border-bottom:1px solid #cccccc;
 padding-bottom:20px;

}

.flickrConnect h2 {
	background: url(/client/images/flickr.png) no-repeat right -10px;   
	padding-right: 60px;
	display: inline;
	position:relative;
}

.flickrConnect h2 a{
	width:40px;
	display:block;
	position:absolute;
	height:40px;
	top:0px;
	right:0px;
}

.flickrConnect h2 a:hover {
	text-decoration:none;
}
.flickrConnect #itemCt {
padding-left:20px;
padding-top:15px;
}

.flickrConnect.grid .item {
float:left;
margin:3px;
width:153px;
}

.flickrConnect.grid .item img {
width:153px;
}

/* ---------->>> twitter  <<<-----------*/	
.twitterConnect {
    font-family: "Futura BT W01 Medium";
}

    .twitterConnect h2 {
        background: url(/client/images/twitter.png) no-repeat right -6px;   
        padding-right: 55px;
        display: inline;
        color: #124992;
		position:relative;
		margin-bottom: 10px;
    }
	
	.twitterConnect h2 a{
		width:40px;
		display:block;
		position:absolute;
		height:40px;
		top:0px;
		right:0px;
	}
	
	.twitterConnect h2 a:hover {
		text-decoration:none;
	}
	
	.twitterConnect iframe {
		margin-top: 10px;
		}
	
	/*
    
    #twConnectFeed {
        padding-top: 1em;
		font-size:0.88em;
    }
    
    .twitterConnect .postdate {
        font-size: .9em;   
    }
    
    #twConnectAccount {
        padding-top: 1em;
        font-size: .9em; 
    }
*/

/* embed html hack */

div.content div[style="padding: 12px;"] {
	padding: 0!important;
	float: left;
}

/* ---------->>> facebook  <<<-----------*/	

.facebookConnect {
    font-family: "Futura BT W01 Medium";
}

    .facebookConnect h2 {
        background: url(/client/images/facebook.png) no-repeat right -6px;   
        padding-right: 55px;
        
        color: #124992;
		position:relative;
    }
	.facebookConnect h2 a{
		width:40px;
		display:block;
		position:absolute;
		height:40px;
		top:0px;
		right:0px;
	}
	
	.facebookConnect h2 a:hover {
		text-decoration:none;
	}
	
    
    #fbConnectFeed {
        padding-top: 1em;   
    }
    
.facebookConnect .item {
margin-bottom:10px;
}

.facebookConnect .poster {
}

.facebookConnect .posterName, .facebookConnect .postType {
    color:#124992;
	
}

.facebookConnect .message {
    margin-top:0px;
    font-size:0.88em;
}

.facebookConnect .attachment {
    margin-top:15px;
    font-size:0.88em;
}
#fbConnectFeed .attachmentImg {
    float:left;
    width:20%;
    padding-top: 5px;		
}
#fbConnectFeed .attachmentData {
    margin-left:8px;
    float:right;
    width:75%;		
}

#fbConnectFeed .noimage .attachmentData {
    margin-left:10px;
    float:none;
    width:auto;		
}

#fbConnectFeed .photo {
    margin:10px 0px;
}

#fbConnectFeed .photoImg {
    width:100%;
}

.facebookConnect .meta {
    margin-top:10px;
    color:#124992;
    font-size: .9em;
}
 

.facebookConnect .meta div {
font-size:0.88em;
display:inline;
border-left:1px solid #124992;
padding:0px 5px 0px 7px;
}

.facebookConnect .meta div:first-child {
font-size:0.88em;
display:inline;
border-left-width:0px;
padding-left:0px;
}

/* ---------->>> flickr Gallery <<<----------------*/
/* Flickr Gallery */
#flickrGallery												{}
#flickrGallery #setTabCt										{padding:10px 0;}
#flickrGallery #setTab										{position:relative;text-align:left;}
.#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 #setTab #setTab_button		{
	background: none repeat scroll 0 0 #124992;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-family: "Futura BT W01 Medium";
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    overflow: visible;
    padding: 5px 10px;
    text-transform: uppercase;
    width: auto;
	display: inline;
	cursor: pointer;
	}
	#flickrGallery #setTab #setTab_button							{color: #0000FF\9} /* IE is mildly retarded */

#flickrGallery .set											{
	background: #f1f1f1;
	border-radius: 4px;
	-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
	-webkit-box-shadow: 0px 4px 5px -3px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    0px 4px 5px -3px rgba(50, 50, 50, 0.40);
	box-shadow:         0px 4px 5px -3px rgba(50, 50, 50, 0.40);
	width:195px;
	display: block;
	float: left;
	padding:10px;
	margin:0 10px 10px 0;
	}
#flickrGallery .set											{float:left\9}

#flickrGallery .set:hover,
#flickrGallery .set.active {
	background-color:#ddd;
	cursor: pointer;
	}
	
	#flickrGallery .set div {
		font-family: "Futura BT W01 Medium";
		font-size: .7em;
	}
	#flickrGallery .set div:nth-child(3) {
		display: none; /*hide date*/
	}
	
	#flickrGallery .set IMG	{
		margin:0 10px 0px 0;
		cursor:pointer;
		float: left;
		clear: both;
		}
#flickrGallery #setPhotos									{padding-top:50px;text-align:left;margin:0px auto;}
#flickrGallery #setPhotos .photo								{
	display:inline-block;
	float:none;
	margin:0 10px 10px 0;
	width:105px;
	padding: 10px;
	vertical-align:text-top;
	text-align:center;
	background: #f1f1f1;
	border-radius: 4px;
	-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
	-webkit-box-shadow: 0px 4px 5px -3px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    0px 4px 5px -3px rgba(50, 50, 50, 0.40);
	box-shadow:         0px 4px 5px -3px rgba(50, 50, 50, 0.40);
	}
	
#flickrGallery #setPhotos .photo								{float:left\9}
#flickrGallery #setPhotos .photo:hover {
background-color:#ddd;
	cursor: pointer;
}

#flickrGallery #setPhotos .photo a	{
display:block;
width:100px;
height:100px;
overflow:hidden;
text-align:center;
position: relative;
}
#flickrGallery #setPhotos .photo IMG{
display:inline;
background:url(loader.gif) center center no-repeat #FFFFFF;
position: absolute;
top: 0;
left: -10px;
width: 130px!important;
height: auto;
}
#flickrGallery #setPhotos .photo SPAN {
	display:block;
	text-align:left;
	font-family: "Futura BT W01 Medium";
	font-size: .7em;
	
	}
#flickrGallery #pager										{margin:20px 0px;text-align:center;}
#flickrGallery #pager .page									{font-family: "Futura BT W01 Medium";;padding:2px 6px;margin:0px 2px;cursor:pointer;display:inline;}
#flickrGallery #pager .elipsis								{display:inline;color:#BBBBBB;margin:0px 3px;}
#flickrGallery #pager .page.current							{color:#124992;cursor:auto;}
#flickrGallery #pager .page.disabled							{color:#BBBBBB;cursor:auto;}

div.ppt, .pp_nav {
font-family: "Futura BT W01 Medium";
}

/* ---------->>> contact information <<<-----------*/
.zSide .modContact  {
   width:218px;
   font-family: "Futura BT W01 Medium";
   margin-bottom:0px;
}

.zSide .modContact h2 {
margin:0px -15px;
padding:0px 25px 0.5em 15px;
background: url(/client/images/phone.png) no-repeat right 0px;
}

.modContact address {
font-style:normal;
margin-bottom:1.5em; 
font-size:0.889em;
}

.modContact .hours {
margin-top:1.0em; 
}
   
.modContact .hours h4 {
margin-bottom:0em; 
}
    
	

/* ---------->>> profile <<<-----------*/
/* archive */
.modProfileArchive  {
    *margin-right: 0;    
}

.modProfileArchive img,
.modProfileArchive h3,
.modProfileArchive em,
.modProfileArchive h4,
.modProfileArchive p.teaser {
    padding: 0!important;
}

.modProfileArchive img {
    margin-bottom: 10px;
}

/* detail */
.modProfileDetail h3 {
    padding:0!important;
}

.modProfileDetail h4 {
    font-size: 1.2em!important;
    padding:0!important;
}

/* ---------->>> profile  <<<-----------*/	

.zSide .profile {
background-color:#373737;
border:1px solid #373737;
-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
-webkit-box-shadow: 0px 4px 5px -3px rgba(50, 50, 50, 0.40);
-moz-box-shadow:    0px 4px 5px -3px rgba(50, 50, 50, 0.40);
box-shadow:         0px 4px 5px -3px rgba(50, 50, 50, 0.40);
width:236px;
font-family: "Futura BT W01 Medium";
padding:0px;
}

.profileList .item {
    font-family: "Futura BT W01 Medium";
    width: 210px;
}

.profileList .item .image {
    width: 100%;
    height: 275px;
    background: #000;
    position: relative;
    overflow: hidden;
    border:1px solid #373737;
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
    border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    -webkit-box-shadow: 0px 4px 5px -3px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 4px 5px -3px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 4px 5px -3px rgba(50, 50, 50, 0.40);
}

    .profileList img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        font-family: "Futura BT W01 Medium";
    }
    
    .profileList .text {
        font-size: .9em;
    }

.profileList a {
font-size:1.2em;
display:block;
}

/* Callout */
.profile a {
color:#fff;
font-size:1.5em;
display:block;
}

.profile a:hover,
.profileList a:hover {
text-decoration:none;
}

.profile .caption {
border-top-width:7px;
border-top-style:solid;
padding:15px 35px 15px 15px;
font-size:0.889em;
position:relative;

}

.profile .caption {
border-top-color:#883233;
color:#e4acac;
}

.profile.Alumni .caption {
border-top-color:#c98b30;
color:#c98b30;
}
.profile.Student .caption {
border-top-color:#a7a75a;
color:#a7a75a;
}
.profile.Athlete .caption {
border-top-color:#124992;
color:#8ea4c2;
}
.profile.Faculty .caption {
border-top-color:#615c7e;
color:#a19cc1;
}

.profile .controls a {
position:absolute;
right:15px;
bottom:20px;
background:url(../images/ctrl_whitearrow_right.png) no-repeat;
overflow:hidden;
text-indent:-999em;
width:14px;
height:23px;
display:block;
}

/* profile detail */

.profileDetail  .text img {
    float: right;
    border:1px solid #373737;
    -webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
    border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    -webkit-box-shadow: 0px 4px 5px -3px rgba(50, 50, 50, 0.40);
    -moz-box-shadow:    0px 4px 5px -3px rgba(50, 50, 50, 0.40);
    box-shadow:         0px 4px 5px -3px rgba(50, 50, 50, 0.40);
    margin-left: 30px;
    margin-bottom: 20px;
	margin-top:10px;
}

.profileDetail  .header {
margin-bottom:20px;
}
.profileDetail  .data {
margin-bottom:20px;
}



/* ---------->>> accordion <<<-----------*/
		
.modAccordion {
	border-top: 6px solid #878f86;
}

    .modAccordion dl {
        border-bottom: 1px solid #dbdcdb;
        display: block;
        opacity: .8;
		filter: alpha(opacity=80);
    }
    
    .modAccordion dl.active,
    .modAccordion dl:hover {
        opacity: 1;
		filter: alpha(opacity=100);
    }
		
	    .modAccordion dt {
	        color: #575c56;
	        padding: 10px 0;
	        font-size: 1.2em;
	        cursor: pointer;
	    }
	
	    .modAccordion dd {
	        font-size: .9em;
	        padding-bottom: 1em;
	    }


/* ---------->>> video <<<-----------*/

/* ---------->>> flickr badge <<<-----------*/

#flickrBlock {
}

#flickrBlock h2 {
    color: #124992!important;
    background: url(/client/images/flickr.png) no-repeat right -10px;
    padding-right: 65px;
    display: inline;
}

#flickrBadge {
    padding-top: 20px;
}

#flickrBadge a {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

#flickrBadge a img {
    width: 163px;
    height: 163px;
}

#flickrBadgeControls {
    clear: both;
    font-family: "Futura BT W01 Medium";
}

		
/* ---------->>> events <<<-----------*/

	/* event listing - upcoming */

		
	.modEventList h2 {
	    color: #124992;
	    border-bottom: 1px solid #a7885a;
	    padding-bottom: .5em;
	    margin-bottom: .5em;
	}
	
	.modEventList .item {
		clear: both;
		margin-bottom: 1em;
	}
	
	    .modEventList h3 {
	        font-size: 1em;
	    }
	
		.modEventList time {
			display: block;
			background: #124992;
			color: #fff;
			width: 50px;
			height: 50px;
			float: left;
			margin-right: 10px;
			font-family: "Futura BT W01 Medium";
		}
		
		    .modEventList time span {
		        text-align: center;
		        display: block;
		        padding: 3px 0 0 0;
		        margin-top: -2px;
		    }
		    
		    .modEventList time span.month {
		        text-transform: lowercase;
		        font-size: 1.1em;
		    }
		    
		     .modEventList time span.day {
		         font-size: 1.2em;
		         padding-top: 0;
		         margin-top: -9px;
		     }
		     
		     .modEventList .item a {
		         color: #464646;
		     }

		
/* ---------->>> academic Calendar <<<-----------*/
.academicCalendar {
border-top:1px solid #cccccc;
padding-top:25px;

}

.academicCalendar h2 {
color:#a2a2a2;
}

.academicCalendar .subheader {
background-color:#dbdae2;
margin-top:10px;
}

.academicCalendar h3 {
color:#fff;
width:25%;
float:left;
text-align:right;
padding:24px 10px 10px 0px;
font-size:1.222em;
line-height:1.2;
font-family: "Futura BT W01 Medium";
}

.academicCalendar .subheader p {
margin-bottom:0px;
padding:15px 0px 15px 10px;
width:70%;
float:left;
} 

.academicCalendar time {
width:25%;
float:left;
text-align:right;
padding:15px 10px 15px 0px;
font-family: "Futura BT W01 Medium";
}

.academicCalendar .itemText {
padding:15px 0px 15px 10px;
width:70%;
float:left;
}

.academicCalendar .item {
background-color:#fafafc;
}

.academicCalendar .item.alt {
background-color:#f2f1f6;
}
.academicCalendar .item.last {
border-bottom:5px solid #615c7e;
}
	
/* ---------->>> dt calendar / event detail <<<-----------*/

.eventHeader {
     padding-bottom: 1em;
}

    .eventHeader time {
        display: block;
        margin-bottom: 1em;
        font-family: "Futura BT W01 Medium";
    }

.eventTools {
    padding-top: 1em;
    font-size: .9em;
    font-family: "Futura BT W01 Medium";

}
    .eventTools div div {
        float: left;
        padding-right: 10px;
        padding-left: 10px;
        border-left: 1px solid;
    }
    
        .eventTools div div:first-child {
            padding-lefT: 0;
            border-left: 0;
        }

/* ---------->>> dt calendar <<<-----------*/
#miniCal {
    padding-bottom:30px
}

#miniCal table {
    width:100%;
}

    #miniCal .miniCalTable {
        border-width:0 !important
    }
    
        #miniCal th {
            color: #af9e68;   
        }

        #miniCal table td {
            background:#e0dac7;
            border:2px solid #fff;
           
        }

            #miniCal table td:hover {
                background:#bcb08c
            }

        #miniCal table td.otherMonth {
            background:#f0ede1 !important;
            color: #cbc6b4;
        }
             #miniCal table td.otherMonth a {
                  color: #cbc6b4!important;
             }

        #miniCal table td.active {
            background: #a0905e!important; 
            color:#f0ede1;
        }

        #miniCal table td.today {
            background: #776b46!important; 
            color:#f0ede1;
        }

            #miniCal table td a {
             text-decoration:none;
             color: #776b46!important;
			 padding:7px 5px;
			 display:block;
            }

            #miniCal table td.active a,#miniCal table td.today a {
                color:#fff !important
            }

        #miniCal .miniCalHeader td {
            background:#fff !important;
            text-transform: uppercase;
            color: #776b46;
            font-size: 1.2em;
            border-color: #fff!important;
        }
            #miniCal .miniCalHeader td a {
                 color: #776b46;
            }
            
      

#miniCalTools {
    margin:10px 0;
    text-align:center
}

	#calCatList h3 {
           text-transform: uppercase;   
           color: #6e6e6e;
      }

	#calCatList ul {
		list-style:none;
		padding:0px;
	}
        #calCatList li {
            background:#f1f1f1;
            margin:0px 0px 5px;
            padding: 10px 15px;
            color: #1e2e3d;
			
        }

            #calCatList li:hover {
                background:#eee;
            }
            
                #calCatList li label {
                    color: #1e2e3d;
                }

            #calCatList li input {
                margin-right:10px;
                position:relative;
                top:-2px;
            }

        #calView {
           display: block;
           width: 100%;
           padding: 10px 0;
           background: #f1f1f1;
           
        }

            #calView li {
                display: block;
                float: left;
                
            }

            #calView li#calToday {
                margin: 0 20px 0 158px;
                *margin-left: 70px;
            }

            #calView input:hover,#calView .active, #calPage li:hover {
                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);
		        text-shadow: 0px 1px 1px #4b4b4b;
            }

            #calView li input, #calPage li {
                display: block;
                text-transform: uppercase;
                padding: 8px 30px;
                *padding: 7px 15px;
                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 */
               
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                 opacity: .9;
		        filter: alpha(opacity=90);
				margin:0px;
		        text-shadow: 0px 1px 1px #f3f3f3;
            }

            #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;
            }

            #calView .week {
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                border-right: 0;
                border-left: 0;
            }

            #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;
            }
            
            #calPage li {
                position:absolute;
                top:10px;
               padding: 8px 15px;
                }

                #calPage .prev {
                    left:10px;
                }

                #calPage .next {
                    right:10px;
                    text-align:right
                }
                
                 #calPage li input {
                    border: 0;  
                    background: transparent; 
                 }


    #calCurrent {
        position:relative;
        text-align:center
    }
    
        #calCurrent h2 {
            text-transform: uppercase;   
            color: #af9e68;
            font-size: 2em;
        }


        #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;
            -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 {
            color: #fff;
            font-size: 1.6em;
            padding: 3px 10px 6px 10px;
            background: #bcab76; /* Old browsers */
            background: -moz-linear-gradient(top,  #bcab76 0%, #a0905e 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcab76), color-stop(100%,#a0905e)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #bcab76 0%,#a0905e 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #bcab76 0%,#a0905e 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #bcab76 0%,#a0905e 100%); /* IE10+ */
            background: linear-gradient(top,  #bcab76 0%,#a0905e 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcab76', endColorstr='#a0905e',GradientType=0 ); /* IE6-9 */
            text-transform: uppercase;
            display: block;
        }


         #calendarList .listing .items {
       
        }

             #calendarList .item {
               border-bottom: 1px solid #eee;
                padding: 10px 0 10px 185px;
                position:relative
            }

                #calendarList  .item h3 {
                    margin-bottom:0;
                    position:relative;
                    z-index:10
                }
                      #calendarList .item h3 a {
                         color: #776b46;
                         font-size: 1.6em;
                     }

                 #calendarList .item time {
                    text-align: right;
                    font-size: 1.4em;
                    width: 160px;
                    color: #776b46;
                    position: absolute;
                    top: 18px;
                    left: 10px;
                }

                #calendarList  .item .category {
                    background-color:#f0ede1;
                    color:#776b46;
                    cursor:default;
                    font-size:1em;
                    font-style:italic;
                    
                    padding:5px 10px;
                    text-align:right;
                    z-index:0
                }


                 #calendarList .location {
                    margin: -5px 0 0 0;
                    color: #776b46;
                    font-size: 1.2em;
                }

                 #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
                    }
                    
                         #calendarList .item .links li a {
                            font-weight: bold;
                            color: #000;
                           
                        }

                #calCatList,#calPage {
                    list-style:none;
                    padding:0
                  }

/* ---------->>> google search <<<-----------*/
.modSearchResults {
    line-height: 1.5em;
    position: relative;
    top: -20px !important;
}

.searchResultsHeader,
.modSearchResults h4 img,
.resultPreviewDetails {display: none !important;}


.gs-title, .gs-result .gs-title, .gs-result .gs-title * {
    color: #124992 !important;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: bold;
    
}

.gs-snippet {
    color: #727363 !important;
}

.gsc-cursor-box {
background-color:#f9f9f9;
padding:10px;
}


.gsc-results .gsc-cursor {
border-left:1px solid #bbbcab;
padding:4px 0px
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    text-decoration: none !important;
    border-right:1px solid #bbbcab;
    color: #3c4a57 !important;
    padding:4px 10px 4px 10px;
    margin-right:0px!important;
    font-size:13px;
    

}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    font-weight: 700 !important;
    background-color:#124992;
    color: #fff !important;
}

.modSearchResults .gsc-search-box .gsc-input input {	
border: 2px solid #a7bbd6;
    color: #444444;
    font-size: 12px;
    padding: 6px 8px;
width:90%;
}

.modSearchResults .gsc-search-box .gsc-input input:focus {
border:2px solid #124992;
}

.gsc-branding-img, .gsc-branding-text,
.gs-visibleUrl, .gs-visibleUrl-short {display: none !important;}


.modSearchResults .gsc-search-button input {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #a7bbd6;
	color:#fff; 
	font-weight:bold; 
	background: #124992; /* Old browsers */
    background: -moz-linear-gradient(top,  #124992 0%, #0c3264  100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#124992), color-stop(100%,#0c3264 )); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #124992 0%,#0c3264  100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #124992 0%,#0c3264  100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #124992 0%,#0c3264  100%); /* IE10+ */
    background: linear-gradient(top,  #124992 0%,#0c3264  100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124992', endColorstr='#0c3264 ',GradientType=0 ); /* IE6-9 */

	margin:20px 10px 20px 0px;
	padding:5px 10px;
	width:auto;
	overflow:visible;
}

/* forms */
.webform  table              						{ width:100%;}
.webform tr td              						{ padding-bottom:10px;width:400px;}
.webform tr td:first-child	 						{ width:180px;padding-right:20px;}

.webform tr td .design_validation_failed			{ border:2px solid #c00 !important;}
.webform #controls									{ padding-left:205px; }	
    
	.webform INPUT[type="text"], 
	.webform INPUT[type="password"], 
	.webform TEXTAREA	{
	    border:2px solid #E1E1E1; 
	    background: #fafafa; 
	    font-size:12px;
	    color:#444;
	    padding:10px;
	    width:370px!important;
	    }
	    
	.webform select {border:2px solid #e1e1e1; background: #fafafa;font-size:12px;color:#444;width:394px;padding:10px;}
	
	.webform INPUT[type="button"], 
	.webform INPUT[type="submit"] {
        background: none repeat scroll 0 0 #124992;
        border: 0 none;
        border-radius: 5px 5px 5px 5px;
        color: #fff;
        font-family: "Futura BT W01 Medium";
        font-size: 16px;
        font-weight: normal;
        margin: 0;
        overflow: visible;
        padding: 5px 10px;
        text-transform: uppercase;
        width: auto;
		}

/* ---------->>> <<<-----------*/
.ir{ 
	display:block; 
	text-indent:-999em; 
	overflow:hidden; 
	background-repeat: no-repeat; 
}
.hidden	{ 
	display:none; 
	visibility:hidden; 
} 
.access	{ 
	position:absolute !important; 
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px); 
}



/* ---------->>> athletics <<<-----------*/

body.athletics #pageWrapper {
    background: url(/client/images/athletics-head.jpg) repeat-x top;  
	
}

    #athleticsHeader {
        height: 146px;
    }
    
        #athleticsLogo a {
            display: block;
            background: url(/client/images/trailblazers.png) no-repeat;
            text-indent: -9999px;
            overflow: hidden;
            width: 290px;
            height: 56px;
            margin-top: 22px;
            margin-left: 25px;
            float: left;
        }
        
        a.homeLink {
            float: right;
            color: #8ea4c2;
            font-family: "Futura BT W01 Medium";
            font-size: .8em;
            margin: 10px 225px 0 0;
        }
        
        .athletics #search {
            position: absolute;
            top: 5px;
            right: 5px;   
        }
        
            .athletics #txtSearch input {
                border: 0;
				background: rgb(120,116,115);
                background: rgba(120,116,115,.3);
                font-size: .7em;
                color: #b7b7b7;
                padding: 7px 5px 6px;
                
            }
        
        .navAthletics {
            clear: both;
            padding-top: 25px;
            padding-left: 25px;
        }
        
        .navAthletics li, 
        .navAthletics ul {
            display: inline;
            color: #8ea4c2;
            font-family: "Futura BT W01 Medium";
        }
        
         .navAthletics li {
             padding-right: 5px;
         }
         
            .navAthletics li ul {
                padding-left: 10px;
            }
         
             .navAthletics li ul li {
                 padding-right: 5px;
                 padding-left: 5px;
                 border-left: 1px solid #527098;
             }
             
              .navAthletics li ul li:first-child {
                  border: 0;
                  padding-left: 0;
              }
        
            .navAthletics a {
                color: #e1e1e1;
                text-decoration: none;
            }
            
                 .navAthletics a:hover {
                    color: #fff;
                }
        
    
    body.athletics #page {
        background: url(/client/images/athletics-page-noimage.png) repeat-y center top;
        padding: 0 0 25px 0;
    }
    
    body.athletics #page.athleticsRotatorWrapper {
         background: url(/client/images/athletics-page.jpg) repeat-y center top;
    }
	
	/* ipad only background size fix */
	@media only screen and (device-width: 768px) {
		 
		body.athletics #page {
			-webkit-background-size: 2500px 1000px;
		}
		
		body.athletics #page.athleticsRotatorWrapper {
			 -webkit-background-size: 2500px 3000px;
		}
	}
	
	/* end ipad fix */
    
        body.athletics .navPage {
               
        }
        
            body.athletics .navPage a {
                color: #8ea4c2;
            }
            
            body.athletics .navPage a:hover {
                color: #fff;
            }
    
    body.athletics #pageFooter {
        background: #373737;
        color: #d7d7d7;
    }
        body.athletics #pageFooter a,
        body.athletics #pageFooter .zMain nav li a {
            color: #d7d7d7!important;
        }

    /* contact */
    body.athletics .modContact {
        background: transparent;
        font-family: "Futura BT W01 Medium";
        font-size: .9em;
    }
    
        body.athletics .modContact div {
            margin-bottom: 20px;   
        }
    
        body.athletics .modContact h3 {
            color: #124992;
            font-size: 1.1em;
        }
        
        body.athletics .modContact h3.hours {
            margin-top: 20px;
        }
		
		body.athletics  .zSide .modContact {
			color:#fff;
			padding:0px 0px 20px 30px;
		}
		
		 body.athletics  .zSide .modContact h3 {
			color: #ccc;
		}
       
	

    /* profile */
    .athletics .profile {
          width: 234px!important;
          box-shadow: 0 0 0 0;
          border-top: 1px solid #5a80b3;
          border-left: 1px solid #5a80b3;
          border-bottom: 1px solid #5a80b3;
          border-right: 0;
          border-radius: 20px 0 0 0;
          padding: 0px 0px 0px 0px;
          overflow: hidden;
		  margin-left:15px;
          
    }
    
        .athletics .profile img {
            width: 249px;
        }
        
        .athletics .profile .caption {
            background: url(/client/images/pattern.gif);
        }
        
   /* rotator */
   .athleticsRotator .module,
    #athleticsRotator ul,
    #athleticsRotator li {
       padding: 0;
       margin: 0;
       list-style: none;
   }
   
    .athleticsRotator {
    }
   
        #athleticsRotator {
            width: 734px;
            height: 470px;
            position: relative;
            left: -1px;
            top: -3px;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
        }
        
            #athleticsRotator li {
                position: relative;
            }
        
            #athleticsRotator h1 {
                position: absolute;
                top: 0;
                left: 0;
                color: #fff;
                text-transform: uppercase;
                font-style: italic;
				background: #000;
                background: rgba(0,0,0,.5);
                padding: 10px 20px;
                font-size: 1.8em;
            }
        
            #athleticsRotator .caption {
                position: absolute;
                bottom: 0;
                left: 0;
                color: #fff;
				background: #000;
                background: rgba(0,0,0,.7);
                padding: 10px 20px;
                font-size: .9em;
                font-family: "Futura BT W01 Medium";
                width: 694px;
            }
            
            #athleticsRotator .caption a {
                color: #8ea4c2;
                padding: 0 20px 0 5px;
                background: url(/client/images/arrow-blue.png) no-repeat right;
            }
            
            #athleticsRotator #athleticsPagination {
                position: absolute;
                bottom: -17px;
                right: -1px;
            }
            
                #athleticsRotator #athleticsPagination a {
                    display: block;
                    width: 45px;
                    height: 15px;
                    border: 1px solid #dfdfdf;
                    background: #707070;
                    text-indent: -9999px;
                    overflow: hidden;
                    float: left;
                }
                
                 #athleticsRotator #athleticsPagination a:hover {
                     background: #a3a3a3;
                 }
                 
                 #athleticsRotator #athleticsPagination a.selected {
                      background: #c2c2c2;
                  }
 
.athleticsNewsList {
font-family: "Futura BT W01 Medium";

	 padding:0px 10px 10px;
	 margin-bottom:10px;
	 font-size:0.833em;
} 
 
.athleticsNewsList h2 {
  border-bottom :1px solid #c7c7c7;
  border-top:1px solid #c7c7c7;
  padding:10px 5px;
  margin-top:10px;
  margin-bottom:10px;
 }
 .athleticsNewsList ul {
padding:0px;
margin:0px;
}
.athleticsNewsList li {
	list-style: none;
	padding-bottom: 1em;
	padding-left:5px;
}


.athleticsEventList {
font-family: "Futura BT W01 Medium";
font-size:0.833em;
}



 .athleticsEventList.small h2 {
  border-bottom :1px solid #c7c7c7;
  border-top:1px solid #c7c7c7;
  padding:10px 5px;
   margin-top:10px;
    margin-bottom:10px;
 }

.athleticsEventList .item {
	  border-bottom: 1px dotted #124992;
	 padding:0px 10px 10px;
	 margin-bottom:10px;
}

.athleticsEventList.small { 
padding-left:10px;
}

.athleticsEventList.small .item {
padding:0px 5px 10px;
border-bottom: 1px solid #c7c7c7;
}

.athleticsEventList .item.last {
	 border-bottom-width:0px;
}

.athleticsEventList.small .item.last {
	 border-bottom-width:1px;
}

.athleticsEventList .game {
	float:left;
	width:80%;
}

.athleticsEventList.small .game {
float:none;
width:auto;
}

.athleticsEventList time, .athleticsEventList .score {
	float:right;
	width:20%;
	text-align:right;
}

.athleticsEventList.small time, .athleticsEventList.small .score {
float:none;
	width:auto;
	text-align:left;
}

.athleticsEventList .dateHeader {
	  font-family: "Futura BT W01 Medium";
	 padding:5px 10px;
	 margin-bottom:5px;
	 font-size:0.889em;
	 background-color:#f2f2f2;
	 color:#707070;
	 margin-bottom:0px;
}

.athleticsEventList.small .dateHeader {
	 
	 font-size:1em;
	 background-color:transparent;
	 color:#707070;
	 padding:0px;
}


.athleticsEventList .loss,
.athleticsEventList .loss a {
color:#960000;
}


.athleticsEventList .tie,
.athleticsEventList .tie a {
color:#707070;
}

.athleticsEventList .win,
.athleticsEventList .win a {
color:#009607;
}

.athleticSchedule table {
width:100%;
}

.athleticSchedule th {
	font-family: "Futura BT W01 Medium";
	 padding:5px 10px;
	 margin-bottom:5px;
	 font-size:1em;
	 background-color:#4c8bd3;
	 color:#fff;
}

.athleticSchedule td, th {
padding:5px 10px;
}

.athleticSchedule td {
border-bottom:1px solid #eee;
}

.athleticSchedule .conferenceName {
background-color:#ddd;
font-family: "Futura BT W01 Medium";
color:#707070;
}

.conference {
background-color:#ddd;
color:#707070;
}

.athleticSchedule .date {
width:15%;
}

.athleticSchedule .result {
width:25%;
}

.athletics .relatedNews,
.athletics .relatedNews h2,
.athletics .relatedNews a{
	color: #fff;
}
        

/*        
----------------------------------------------------
----------------Tablet Layout: 720px----------------
----------------------------------------------------
*/

@media only screen and (min-width: 768px) and (max-width: 991px) { 
    
    #page .wrapper {background-position: -70px 0; }
	
    
    h1 { font-size: 1.8em; }
    h2 { font-size: 1.2em; }
    h3 { font-size: 1.1em; }
    
    #pageHeader { padding-top: 5px; }
    
    #logo { position: relative; top: 0;margin-bottom: 0; padding-bottom: 5px;}
    
    .navGlobal { padding-right: 0px; }
    .navGlobal li { font-size: .9em; margin-right: 0px; margin-bottom: 10px; padding-left: 0px; }
    
    .navPage { padding: 10px 10px 10px 30px!important; }    
    #pageNav .pageImg { width: 939px; left: 50%; margin-left: -775px; }
    
    #search { position: absolute; top: 0; right: 0; float: none; }
    
    .navPage { padding: 30px 25px 15px 25px; font-size: .9em; }
    .navPage li a { padding: 3px 0;}
    
    #page .zSide .module {width: 150px;}
    #page .zSide .banner {width: 170px!important;}
    
    #homeRotator .caption p { width: 720px; }
    #homePagination { display: none; }
	
    #navAudience h2 { display: none;}
    #navAudience li { padding: 0; width: 50%; text-align: center; background: transparent; }
    
    .pageImg {width: 538px; height: auto;} 
    .pageImg img {height: auto;}
    
    #flickrBadge a img {width: 114px; height: 114px;}
    
    #bottomContent { background: transparent;}
    #bottomContent .span5 { margin: 0!important; width: 244px; }
    
    .bannerHoriz .item { width: 134px; }
    
    .modContact { background: transparent; }
    
    .academicTools .tool { padding-left: 0; background: transparent!important; }
    .academicTools .tool a { padding-left: 0; }
    
	.twitterConnect h2 {display:block;padding-right:70px;}
	.twitterConnect #twConnectFeed {padding-top:0px;}
	
	.facebookConnect h2 {display:block;}
	.facebookConnect #fbConnectFeed {padding-top:0px;}
	
	.flickrConnect.grid { margin:0px 0px 20px;padding-left:0px;	}
	.flickrConnect #itemCt {padding-left:0px;}
	.flickrConnect.grid .item {float:left;margin:3px;width:110px;}
	.flickrConnect.grid .item img {width:110px;}
	
    #page .zSide .featureMajor, #page .zSide .modGreenFact, #page .zSide .profile, .relatedNews { width: 170px!important; }
    
    body.athletics #page {background: url("/client/images/athletics-page-tablet-default.jpg") repeat-y scroll center top rgba(0, 0, 0, 0); -webkit-background-size: 972px 2879px; }
    body.athletics #page.athleticsRotatorWrapper {background: url("/client/images/athletics-page-tablet.jpg") repeat-y scroll center top rgba(0, 0, 0, 0); -webkit-background-size: 972px 2879px; }
    body.athletics #page .zSide .featureMajor, body.athletics #page .zSide .modGreenFact,body.athletics  #page .zSide .profile { width: 212px;!important }
    .athletics .profile { width: 161px!important; margin-left: 8px;}
    .navAthletics { font-size: .8em; padding-top: 11px;}
    .navAthletics li { display: block; }
    .navAthletics li li { display: inline; }
    
    #athleticsRotator { width: 540px; height: 346px; overflow: hidden;}
    #athleticsRotator img { width: 540px; height: 346px;  }
	#athleticsRotator .caption { width: 500px; }
    
	a[title="njcaa"] img { max-width: 75%; }
    
    
}

/*        
----------------------------------------------------
----------------Mobile Layout: 320px----------------
----------------------------------------------------
*/

@media only screen and (max-width: 767px) { 
    
   .ui-page { background: #fff; }
   #mobileNav, .showMenu, #mobileNav .navAthletics, #mobileNav .navPage { display: block; }
   .navPage, .navAthletics { display: none; }
   #mobileNav .navAthletics { padding-top: 0; }
   .navAthletics li, .navAthletics ul { color: #fff;}
   
   .home #page {padding-top: 45px; }
	
	#alert { padding-top: 30px; }
    
   h1 { font-size: 1.8em; } 
   h2 { font-size: 1.3em; }
   h3 { font-size: 1.1em; }
   
   #page .wrapper {background: transparent; overflow: hidden;}
   #page { padding: 25px 10px;}
   
   #pageHeader { position: relative; height: 124px; padding-top: 43px!important; background: #000;}
   
   #logo { top: 0;width: auto;padding: 0; }
   #logo a { background-size: 100%; width: 290px; margin:0px auto;}
   
   #page .zSide .module {margin: 0 0 20px 0; width: 300px;} 
   
   #pageHeader { padding: 20px 10px 0 10px;width: auto;}
    
   #pageHeader .navGlobal, #pageNav .navPage,#pageHeader .navAthletics { display: none; visibility: hidden; position: absolute; }
    #pageNav, #pageColor {height: 20px; }
    
    #search {top: 75px; float: none;}
	#txtSearch, #search .ui-btn { float: none;}
    #txtSearch input { width: 224px;}
	#ctl00_searchCtrl_searchBtn {margin-left: 0;}
    
    #homeRotatorWrapper { display: none;}
    .home-image { float: none; margin: 0;}
    
    #navAudience h2 { display: none;}
	#navAudience ul { padding: 0; float: none; }
    #navAudience li { padding: 5px 0;text-align: center; width: 100%;float: none; background: transparent; }
    
    .pageImg {display: none;}
        
    .zSide .banner {left: 0;}
	.zSide .banner img { width: 100%;}
	
	.profile img { width: 100%; }
    
    #flickrBadge a img {width: 140px; height: 140px;}
    
	.bannerHoriz h2 {border-bottom: 1px solid #a7885a; }
	
	.bannerHoriz h2, .bannerHoriz .item {display: block;width:auto;padding:0px 0px 10px;}
    
	.bannerHoriz .item  img {float:left; width:80px; margin-right:20px;}
	
	.gradient, .gradient .fade, .gradient .inner {background: transparent;border:0px; margin-left:0px;margin-right:0px; padding:0px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
	
    #bottomContent { background: transparent; margin-top: 20px;}
    #bottomContent .span5 { margin: 0!important; width: 300px; }
    
    #bottomContent .inner { padding: 15px 0; }
    
	#pageFooter {padding-left: 10px; padding-right: 10px; }
	
    .zSide .modGreenFact { width: auto!important; padding: 20px; }
    
	.flickrConnect.grid { margin:0px 0px 20px;padding-left:0px;	}
	.flickrConnect #itemCt {padding-left:0px;}
	.flickrConnect.grid .item {float:left;margin:5px;width:65px;}
	.flickrConnect.grid .item img {width:65px;}
	
    
    /* athletics */
    
    .zAthletics { padding-left: 0; }
    
    #athleticsHeader { height: auto; padding: 20px 0;  background: url("/client/images/pattern.gif"); }
    #athleticsLogo a { margin-left: 15px; }
    .athletics #search { position: relative; left: -4px; top: 20px; }
    body.athletics #page.athleticsRotatorWrapper, body.athletics #page { background: #fff; padding-top: 1em;}
    #athleticsRotator { display: none; }
    a.homeLink { position: relative; margin: 0; top: 11px; text-align: center; display: block; float: none; }
    .zAthletics { padding-top: 0; }
    .navAthletics { font-size: .9em; padding-top: 35px; padding-left: 0; }
    .navAthletics li ul { padding-left: 0; }
    .athletics .profile { border-radius: 0 0 0 0; }
    .athleticsNewsList, .athleticsEventList.small { width: auto; padding-left: 0; padding-right: 0;}

    /* menu */
   .showMenu {
        display: block;
        width: 50px;
        height: 30px;
        position: absolute;
        z-index: 4000;
        width: 100%;
        background: #5A5959;
        color: #fff!important;
        font-family: "Futura BT W01 Medium";
        font-weight: normal;
        font-size: 16px;
        cursor: pointer;
    }
        .showMenu:hover {
            text-decoration: none;
        }
        
        .showMenu span {
            padding: 5px 0px 0 17px;
            display: block;
            background: url(/client/images/menu.png) no-repeat 5px 8px;   
        }
        
    #mobileNav {
        background: #5A5959;
        position: absolute;
        z-index: 3000;
        border: 1px solid;
        width: 180px;
        -webkit-box-shadow: 3px 3px 10px 1px #111;
        box-shadow: 3px 3px 10px 1px #111;
        margin-top: 30px;
    }

    #mobileNav ul {
        margin: 0;
        padding: 0;
        width: inherit;
    }
    #mobileNav ul li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-left: 0;
    }
	
	#mobileNav ul li:hover,#mobileNav ul li.current {
	border-bottom-width:0px;
	border-top-width: 0!important;
	padding-top: 0 !important;
	top:0!important;
	}
	
    #mobileNav ul li a:link, #mobileNav ul li a:visited {
        border-bottom: 1px solid #333333;
        box-shadow: 0 1px 0 #727272;
        color: #FFFFFF;
        display: block;
        font-family: arial;
        font-size: 13px;
        padding: 10px 0 10px 10px;
        text-decoration: none;
        text-shadow: 0 1px 1px #000000;
        width: 171px;
		border-left-width:0px;
    }
    #mobileNav ul li a:hover, #mobileNav ul li a:active {
        background-color: #716F6F;
    }
    
    #mobileNav li.current a,
    #mobileNav li#current a {
        background-color:#383737;
    }

    #mobileNav .navPage {
        padding: 0;
    }
    
 
    
    #mobileNav .navPage {
         border-top: 10px solid #000;
        margin-top: -2px;
        position: relative;
        z-index: 99;
    }
   
    
    #mobileNav .navGlobal li a {
        font-size: 14px!important;
    }

    .ui-mobile-viewport {
        margin: 0;
        overflow-x: hidden;
    }

    .ui-page {
        position: relative;
        z-index: 2;
    }

    .ui-content {
        overflow-x: hidden;
        overflow-y: visible;
    }
    
}


/*        
----------------------------------------------------
--------------Wide Mobile Layout: 480px--------------
----------------------------------------------------
*/

@media only screen and (min-width: 480px) and (max-width: 767px) { 
    
    #page .zSide .module {width: 470px;}
    
	#logo a { background-size: 100%; width: 318px; margin:0px auto;}
	
    #txtSearch input { width: 400px;}
    
    #flickrBadge a img {width: 112px; height: 112px;}
    
    a.homeLink { top: 60px; }
    
    .zSide .modGreenFact { width: 450px; }
		.flickrConnect.grid { margin:0px 0px 20px;padding-left:0px;	}
.flickrConnect #itemCt {padding-left:0px;}
	.flickrConnect.grid .item {float:left;margin:3px;width:110px;}
	.flickrConnect.grid .item img {width:110px;}
}
