/* CSS */

body{
  margin:0;
  padding:0;
  background: url(/images/template/body_bg.jpg) no-repeat center top;
  font-family:'lucida grande',arial,sans-serif;
  color: #343027;
}

p,ul,li,div,span,form,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}

a {
  color: #467409;
  text-decoration:none;
  }
  
/* Global styles */

h2{ 
  color: #467409;
  font-size: 21px;
  line-height:1.5em;f
}
a img {border:0px none;}

#main_content h2.title{
  border-bottom:1px solid #e4e4e4;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

  /* individual icons */
  
  h2.title#video{
    background: url(/images/template/content_icons.gif) no-repeat left top;
    padding-left: 38px;
  }
  
  h2.title#people_icon{
    background:transparent url(/images/template/content_icons.gif) no-repeat scroll left -701px;
    padding-left:40px;  
  }
  h2.title#person_icon{
    background:transparent url(/images/template/content_icons.gif) no-repeat scroll left -746px;
    padding-left:40px;  
  }
  h2.title#news_icon{
    background:transparent url(/images/template/content_icons.gif) no-repeat scroll left 2px;
    padding-left:40px;  
  }
  h2.title#calendar_icon{
    background:transparent url(/images/template/content_icons.gif) no-repeat scroll left -457px;
    padding-left:40px; 
    color: #274088; 
  }
  #screenshots_gallery h2.title{
    background:transparent url(/images/template/content_icons.gif) no-repeat scroll left -575px;
    color:#1D678B;
    font-size:19px;
    padding-left:35px;
    border-bottom:0px none;
    margin:0;
		height:29px;
  }


h3{ 
  color: #6c6121;
  font-size: 16px;
}

h4{font-size: 14px;}

hr{
  clear:both;
  border-top:1px solid #ccc;
  border-left:0px none;
  border-right:0px none;
  border-bottom:0px none;
  height:1px;
  margin-top:10px;
  padding-top:5px;
}

ul { list-style-type:none;}   
ol li { padding-bottom: 15px;}

/* Global tricks */

.aligncenter{text-align:center;}
.image_center{text-align:center; width:95%; margin:0 auto; padding:15px;}
.alignright{text-align:right;}
.alignleft{text-align:left;}
.left{float:left;}
.right{float:right;}

.last {background-image:none !important; border:0px none !important;}
.clearboth {clear:both;}
.bulleted{ margin-top: 10px; padding-bottom: 10px;}
.bulleted li{
  background:transparent url(/images/template/bullets.gif) no-repeat scroll 5px 5px;
  margin-bottom:11px;
  padding-left:18px;
	font-size:.95em;
}

	#main_content #implementation_support h3{
		font-size: 15px;
		padding-bottom: 0px;
	}
	#implementation_support .bulleted li{
		font-size:12px;
		margin-bottom:9px;
	}

/* At symbol on emails */

.at{
  background:transparent url(/images/template/at_sign.gif) no-repeat scroll center center;
  display:inline;
  font-size:1px;
  height:9px;
  padding-left:7px;
  padding-right:7px;
  padding-top:8px;
}

/* Back to Top links */
.back_to_top{
  position:absolute;
  bottom:10px;
  right:7px;
  font-size: 11px;
}

/* Ampersands */

.amp{ 
  font-family:"Palatino","Baskerville",fantasy,serif;
  font-style:italic;
}

/* Global Wrapper */

#wrapper{
  width:990px;
  position:relative;
  margin:0px auto;
}

#wrapper.super_bare{
  position:relative;
  margin:0px auto;
	width:100%;
}

/* Global hide and show */

.hide_show{
	background: url(/images/template/hide_show.gif) no-repeat left top;
}
.hide_show.less{
	background: url(/images/template/hide_show.gif) no-repeat -88px top;
}

.career_position{
	clear:both;
	margin-left:75px;
	padding-top:10px;
}
.career_position_link.first{
	border-top:0px none;
}
.career_position_link{
	border-bottom:1px solid #E7E7E7;
	border-top:1px solid #E7E7E7;
	clear:both;
	height:23px;
	margin-left:36px;
	padding-bottom:8px;
	padding-top:8px;}

.career_position_link a{
	float:left;
	display:inline;
	margin-right: 10px;
	color: #6C6121;
}

.career_position_link span{
	float:left;
	text-indent:-99999px;
	width:83px;
}
.career_position_link span a{
	display:block;
	width:100%;
	height:100%;
}
.career_position_link span a{
	outline:0px none;
}


/* Header  ################################################## */

/* OrgSync Logo */

#logo{
  background: url(/images/template/os_logo_header.gif) no-repeat left top;
  width:206px;
  height:60px;
  float:left;
  margin-top:32px;
  
}

#logo a{
  height: 100%;
  width: 100%;
  display:block;
  text-indent:-99999px;
}

/* Login & Register Links */

#login_register{
  background:transparent url(/images/template/login_register_bg.gif) no-repeat scroll left top;
  float:right;
  height:28px;
  padding-top:2px;
  width:229px;
}

#login_register li{
  display:inline;
}

#login_register li a{
  color:#5D5439;
  font-size:14px;
  padding-bottom:6px;
  padding-left:19px;
}
#login_register li a:hover{
  color: #7fa511;
}

/* Main Navigation */

#main_nav{
  float:left;
  left:206px;
  margin:50px 0 0 22px;
  padding:0;
  position:absolute;
  top:0;
  z-index:999;
}


#main_nav li{
  display:inline;
  padding-right: 4px;
  position:relative;
  background:transparent;
}
#main_nav li a{
  background:transparent url(/images/template/main_nav_divider.gif) repeat-y scroll right top;
  color:#373D2B;
  font-size:14px;
  font-weight:bold;
  padding:1px 9px 5px 3px;
}
#main_nav li a:hover{
  color: #94b72c;
  background:none;
}
/* Main Nav dropdown  */

  #main_nav li ul.hide{
    display:none;
 }
  #main_nav li ul.main_nav_hover{
    display:block;
    z-index:auto;
  }

  #main_nav ul{
    background:transparent url(/images/template/main_nav_drop_bg.png) repeat-x scroll left bottom;
    left:-6px;
    padding-bottom:10px;
    position:absolute;
    top:21px;
    width:199px;
  }  
  
  #main_nav ul li{
    border-left:2px solid #FFFFFF;
    border-top:1px solid #E7E7E7;
    clear:both;
    display:block;
    padding-left:0;
    padding-right:2px;
    width:193px;
 }
  
  #main_nav ul li a{
    background:transparent none repeat scroll 0 0;
    border-right:2px solid #FFFFFF;
    color:#212617;
    display:block;
    font-size:13px;
    height:100%;
    padding:7px 5px 7px 11px;
    width:179px;
}
  #main_nav ul li a:hover{
    color:#000;
    text-shadow: 0px 1px 0px #fff;
    background:#d5e6bb url(/images/template/main_nav_drop_bg_hover.gif) repeat-x left bottom;
  }

#header_phone{
  color:#709405;
  display:inline;
  float:right;
  font-size:14px;
  font-weight:bold;
  letter-spacing:-0.02em;
  margin-right:16px;
  margin-top:22px;
  position:absolute;
  right:0;
  top:30px;
}

/* Content ################################################## */

#content{
  clear:both;
}

/* Super bare layout */

#content.super_bare{
	clear:both;
	margin:15px 0 0;
	text-align:center;
}

/* Sidebar ################################################## */

#sidebar{
  width:231px;
  float:left;
  display:inline;
}

  /* Sidebar text boxes */
  
  .sidebar_text{
    padding-left:15px;
    margin-bottom:25px;
  }
  .sidebar_text p{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom:5px;
    margin-bottom: 5px;
  }

/* Main Content ################################################## */

#main_content{
  margin:5px 0px 25px 18px;
  width:740px;
  margin-left: 18px;
  display:inline;
  float:right;
  font-size: 14px;
  position: relative;
}

#main_content p{
  font-size:.98em;
  line-height:1.35em;
  padding:1px 0px 15px 5px;
}

#main_content h2, #main_content h3{
  padding-left:5px;
  padding-bottom:5px;
  padding-right: 5px;
}

#main_content ul{
  margin-bottom: 5px;
}

#main_content em{
  padding-left: 5px;
}

/* Breadcrumb */

#breadcrumb{
  padding-top:18px;
  padding-left: 15px;
}

#breadcrumb li{
  display:inline;
  color: #adadad;
  font-size: 17px;
}
#breadcrumb li a{
  color: #373d2b;
  font-size: 11px;
  padding-right: 5px;
}

/* Subnav */

#subnav{
  margin-top: 15px;
  border-bottom:1px solid #ccd7db;
  margin-bottom: 10px;
  float:left;
  width:100%;
}

#subnav li{
  clear:both;
  background:transparent url(/images/template/subnav_bg.gif) no-repeat scroll left top;
  height:47px;
  float:left;
  width:100%;
}

#subnav br{
  margin:0;
  padding:0;
  height:0px;
  #display:none;
}

/* Subnav Categories */

#subnav li.has_subcats{
  height:auto;
}
#subnav li ul{
  background:transparent url(/images/template/subnav_subcats_bg.gif) repeat-x scroll left top;
  border-color:#CCD7DB #CCD7DB #FFFFFF;
  border-style:solid;
  border-width:1px;
  padding-bottom: 5px;
  height:100%;
}
#subnav li ul li{
  background:transparent none repeat scroll 0 0;
  border-left:1px solid #FFFFFF;
  height:auto;
  width:228px;
  padding-bottom:1px;
}
#subnav li ul li a{
  border-right:1px solid #FFFFFF;
  color:#2A5368;
  font-size:13px;
  font-weight:bold;
  padding:5px 0 4px 12px;
}

#subnav li a{
  font-size: 15px;
  font-weight: bold;
  color: #373d2b;
  padding-bottom:14px;
  padding-left:14px;
  padding-top:15px;
  display:block;
}

#subnav li a:hover{
  color: #408fb6;
}

#subnav .sub_active{
  background:#f7fafd url(/images/template/subnav_active_bg.gif) repeat-x left top;
  border-bottom:1px solid #c3d3dd;
  padding-bottom:0px;
}
#subnav .sub_active a{
  color: #408fb6;
}

#subnav li.active{
  background: url(/images/template/subnav_active.gif) no-repeat left top;
}

/* Sidebar Callouts */

.callout{
  clear:both;
  display:block;
  font-size:12px;
  font-weight:bold;
  height:15px;
  margin-left:16px;
  padding-bottom:15px;
  padding-left:31px;
  padding-top:5px;
  width:80%;
}

.callout:hover{
  color: #000;
}

.callout.videos{
  margin-top:15px !important;
  background: url(/images/template/sidebar_callout_icons.gif) no-repeat left 4px;
}

.callout.success{
  background: url(/images/template/sidebar_callout_icons.gif) no-repeat left -31px;
}
.callout.partners{
  background: url(/images/template/sidebar_callout_icons.gif) no-repeat left -64px;
}
.callout.demo{
  background: url(/images/template/sidebar_callout_icons.gif) no-repeat left -97px;
}

/* Callout Quote */

.callout_quote{
	background:none repeat scroll 0 0 #F9F9F9;
	border-bottom:1px solid #E7E7E7;
	clear:both;
	font-size:12px;
	margin:15px 0;
	padding:15px 0 15px 15px;
}
.callout_quote strong{
  color: #6b6b6b;
}
.callout_quote blockquote{
  color: #000;
  margin:0;
  padding:10px 15px 15px 0;
}
.callout_quote p{
  font-weight: bold;
  background: url(/images/template/quote_icons.gif) no-repeat left center;
}
.callout_quote p small{
  font-size: 10px;
  color: #000;
  padding-right: 5px;
  font-weight: normal;
}

  /* School coloring for quotes */
  .callout_quote p.csusb{
    background-position:-3px -246px;
    color:#0065BD;
    font-size:12px;
    padding-bottom:43px;
    padding-left:0;
    padding-top:11px;
    height:50px;
  }
  .callout_quote p.sfsu{
    background-position:-3px 49px;
    color:#54539a;
    font-size:12px;
    padding-bottom:40px;
    padding-left:0px;
    height:45px;
  }
  .callout_quote p.gcsu{
    background-position:-4px -202px;
    color:#034f35;
    font-size:12px;
    padding-bottom:6px;
    padding-left:88px;
    height:30px;
  }
  .callout_quote p.stetson{
    background-position:-2px -765px;
    color:#034f35;
    font-size:12px;
    padding-bottom:40px;
    padding-left:0px;
    height:45px;
  }
  .callout_quote p.usf{
    background-position: left -90px;
    color:#003012;
    font-size:12px;
    padding-bottom:5px;
    padding-left:73px;
    padding-top:11px;
    height:45px;
  }
  .callout_quote p.georgetown_law{
		background-position:-1px -700px;
		border-top:1px solid #DCDCDC;
		color:#284476;
		font-size:12px;
		height:33px;
		padding:30px 0 0;
		width:92%;
	}
  .callout_quote p.unt{
    background-position:-5px -385px;
    color:#009C49;
    font-size:12px;
    padding-bottom:5px;
    padding-left:79px;
    padding-top:11px;
    height:45px;
  }
  .callout_quote p.ucla{
    background-position:-5px -489px;
    color:#5F77A5;
    font-size:12px;
    padding-bottom:5px;
    padding-left:68px;
    padding-top:11px;
    height:40px;
  }
  .callout_quote p.syracuse{
    background-position:-5px -594px;
    color:#ee4c00;
    font-size:12px;
    padding-bottom:18px;
    padding-left:63px;
    padding-top:11px;
    height:45px;
  }
  .callout_quote p.jcu{
    background-position:-5px -834px;
    color:#00245e;
    font-size:12px;
    padding-bottom:45px;
    padding-left:0px;
    padding-top:11px;
    height:45px;
  }


/* Main Content Elements */

#page_header{
  border-bottom:1px solid #D4D4D4;
  display:block;
  float:right;
  height:55px;
  margin-top:25px;
  margin-bottom: 10px;
  width:100%;
  display:inline;
}

#page_header h1{
	float:left;
	font-family:"Myriad Pro","Myriad",arial,sans-serif;
	font-size:34px;
	letter-spacing:-0.025em;
	padding-left:55px;
	padding-top:6px;
}   

#page_header h1 span.smaller{
  font-size:28px;
  line-height:43px;
}

  /* Page Heading icons */
  .about_icon{
    background: url(/images/template/page_heading_icons.gif) no-repeat left top;
  }  
  .highered_icon{
    background: url(/images/template/page_heading_icons.gif) no-repeat left -50px;
  }
  .people_icon{
    background:transparent url(/images/template/page_heading_icons.gif) no-repeat scroll 2px -110px;
  }
  .platform_icon{
    background: url(/images/template/page_heading_icons.gif) no-repeat left -165px;
  }
  .contact_icon{
    background: url(/images/template/page_heading_icons.gif) no-repeat left -219px;
  }
  .tools_icon{
    background: url(/images/template/page_heading_icons.gif) no-repeat left -273px;
  }

/* Schedule a Demo Button */
.schedule_a_demo{
  background: url(/images/template/btn_schedule_a_demo.gif) no-repeat left top;
  display:inline;
  float:right;
  height:51px;
  margin-right:14px;
  text-indent:-99999px;
  width:188px;
}
.schedule_a_demo:hover{
  background: url(/images/template/btn_schedule_a_demo.gif) no-repeat left bottom;
}

/* Footer  ################################################## */

#footer{
  clear:both;
  border-top:1px solid #bdbdbd;
  font-size: 11px;
  color: #373d2b;
  padding-top:10px;
  padding-bottom: 35px;
}

#footer p{
  float:left;
}
#footer ul{
  float:left;
  display:inline;
  margin-left:15px;
  padding-left:15px;
}
#footer ul li{
  display:inline;
}
#footer ul li a{
  color: #373d2b;
}
#footer a{
  border-right:1px solid #c1c1c1;
  padding-right:8px;
  margin-right: 5px;
}
#footer a:hover{
  color: #709405;
}

#footer p#footer_meta{
  float:right;
}

/* END OF LAYOUT CSS ####################################### */

/* Platform Pages ########################################### */

#main_content .icon_highlight{
	clear:both;
}

#main_content .icon_highlight p{
  padding-left: 150px;
  margin-bottom: 15px;
}

#main_content .icon_highlight h2{
  padding-left:150px;
}
#main_content .icon_highlight h3{
  padding-left:150px;
}

  /* tech icons */

  .icon_highlight p.cloud_computing{
    background: url(/images/platform_section/cloud_icon.gif) no-repeat 10px top;
  }
  .icon_highlight p.infrastructure{
    background: url(/images/platform_section/technology_icons.jpg) no-repeat 15px -158px;
  }
  .icon_highlight p.security{
    background: url(/images/platform_section/technology_icons.jpg) no-repeat 15px -334px;
  }
  .icon_highlight p.authentication{
    background: url(/images/platform_section/technology_icons.jpg) no-repeat 15px -471px;
    padding-bottom: 30px;
    margin-bottom: 15px;
  }
  .icon_highlight p.facebook_connect{
    background:transparent url(/images/platform_section/technology_icons.jpg) no-repeat scroll 15px -1380px;
    margin-bottom:15px;
    padding-bottom:23px;
  }
  .icon_highlight p.paypal{
    background:transparent url(/images/platform_section/technology_icons.jpg) no-repeat scroll 15px -1533px;
    margin-bottom:15px;
    padding-bottom:23px;
  }
  .icon_highlight p.database{
    background:url("/images/platform_section/mysql_icon.gif") no-repeat scroll 9px -35px transparent;
    padding-bottom: 25px;
    margin-bottom: 15px;
  }
  .icon_highlight p.software{
    background: url("/images/platform_section/software_icon.gif") no-repeat scroll 12px -9px transparent;
    padding-bottom: 25px;
    margin-bottom: 15px;
  }
  .icon_highlight p.api{
    background: url(/images/platform_section/technology_icons.jpg) no-repeat 15px -697px;
  }
  .icon_highlight p.cas{
    background:url("/images/platform_section/technology_icons.jpg") no-repeat scroll 15px -1666px transparent;
  }
  .icon_highlight p.shib{
    background: url("/images/platform_section/technology_icons.jpg") no-repeat scroll 15px -1873px transparent;
  }
  .icon_highlight p.ldap{
    background: url("/images/platform_section/technology_icons.jpg") no-repeat scroll 15px -2083px transparent;
  }
  .icon_highlight p.saml{
    background:url("/images/platform_section/technology_icons.jpg") no-repeat scroll 15px -2436px transparent;
  }

	/* platform overview icons */
	
	
	.icon_highlight p.campus_umbrella{
		background:url("/images/platform_section/platform_overview_icons.gif") no-repeat scroll 15px -12px transparent;
	}
	.icon_highlight p.student_orgs{
		background: url("/images/platform_section/platform_overview_icons.gif") no-repeat scroll 15px -563px transparent;
	}
	.icon_highlight p.individual_users{
		background:url("/images/platform_section/platform_overview_icons.gif") no-repeat scroll 15px -1078px transparent;
	}
	
	
	/* higher ed - add on services - icons */           
	
	#additional_services{
		background:url("/images/pricing/additional_services_icons.gif") no-repeat scroll left top transparent;
		position: relative;   
		height:300px;
	}
	#additional_services .icon_highlight{
		position: absolute;
		font-size: 12px;
	}
	#additional_services .icon_highlight a{
		height:28px;
		left:5px;
		position:absolute;
		text-indent:-9999px;
		width:104px;
	}
	#additional_services .icon_highlight a:focus{
		outline:0px none;
	}
	
	.icon_highlight#on_site_training{
		left:77px;
		top:38px;
		
	}
	
	.icon_highlight#custom_web_design{
		left:508px;
		top:38px;
		width:31%;
		}
	.icon_highlight#budget_management{  
		left:80px;
		top:171px;
		}
	
	.icon_highlight#tech_integrations{
		left:508px;
		top:171px;
		}
#platform_overview{
  background: url(/images/platform_section/platform_overview.jpg) no-repeat left top;
  height:230px;
  padding-left:360px;
  width:379px;
}

#platform_overview p{
  line-height:15px;
}

.platform_main_points{
  background:transparent url(/images/platform_section/platform_overview_icons.gif) no-repeat scroll left top;
  float:left;
  font-size:14px;
  text-align:center;
  width:232px;
  margin-bottom: 35px;
}
.platform_main_points a{
  display:block;
  width:100%;
  height:100%;
  padding-top:135px;
}
  /* Individual Platform main points icons */
  
  .platform_main_points#involvement{
    background-position:22px 2px;
  }
  
  .platform_main_points#communication{
    background-position:13px -175px;
  }

  .platform_main_points#information{
    background-position:15px -367px;
  }
/* Higher Ed Pages ########################################### */

/* Campus Community */

#campus_community_overview{
	background:url("/images/highered_section/campus_community_overview.gif") no-repeat scroll center top transparent;
	height:293px;
	margin-bottom:45px;
	margin-top:10px;
	position:relative;
	width:745px;
}

#campus_community_footer{
	background:url("/images/highered_section/campus_community_footer.gif") no-repeat scroll center top transparent;
	font-size:13px;
	height:200px;
	padding-left:19px;
	padding-top:53px;
	width:98%;
}
#campus_community_footer p{
	float:left;
	margin-right:15px;
	width:30%;
}

#campus_community_overview a{
  position: absolute;
  display:block;
  width:100px;
  color:#343027;
  font-weight:bold;
  text-align:center;
}
/* Splash graphic links */

#campus_community_overview a:hover{
border:2px solid #ececec;
-moz-border-radius:8px;    
-webkit-border-radius:8px;
-moz-box-shadow:1px 1px 1px #ccc;  
-webkit-box-shadow:1px 1px 1px #ccc;   
}                               

/* Splash graphic links */
#campus_community_overview a#residence_life{
	left:55px;
	min-height:55px;
	top:37px;
	width:167px;
}
#campus_community_overview a#student_life{
	left:257px;
	min-height:78px;
	top:1px;
	width:175px;
}
#campus_community_overview a#career_services{
	left:467px;
	min-height:55px;
	top:36px;
	width:185px;
}

#campus_community_overview a#student_orgs{
  left:249px;
  top:15px;
}
#campus_community_overview a#leadership_development{
  left:349px;
  top:5px;
}
#campus_community_overview a#alumni_association{
	left:512px;
	min-height:55px;
	top:124px;
	width:217px;
}
#campus_community_overview a#volunteer_programs{
	left:470px;
	min-height:55px;
	top:202px;
	width:229px;
}
#campus_community_overview a#student_government{
	left:230px;
	min-height:55px;
	top:236px;
	width:240px;
 }
#campus_community_overview a#greek_life{
	left:52px;
	min-height:50px;
	top:204px;
	width:170px;
}
#campus_community_overview a#orientation{
	left:20px;
	min-height:50px;
	top:128px;
	width:135px;
}  
#campus_community_overview a#students_and_organizations{
	left:220px;
	min-height:84px;
	top:107px;
	width:230px;
}
#campus_community_overview a#students_and_organizations:hover{
	border:3px solid #cee1e8;
	-moz-border-radius:10px;
}


#highered_overview_points{
  margin:0 auto;
  padding-left:20px;
  text-align:center;
}

#highered_overview_points div{
  float:left;
  margin-bottom:75px;
  margin-right:27px;
  width:329px;
}
#highered_overview_points h2{
  margin:15px 0 0;
  padding:0;
}       

#implementation_overview{
	background:url("/images/highered_section/implementation_graph.gif") no-repeat scroll left 19px transparent;
	height:500px;
	padding-top:12px;
 }
#implementation_overview p{    
	float:right;
	font-size:12px;
	margin-left:200px;                       	
}                     
#implementation_overview ul{
	display:inline;
	float:left;
	margin-left:20px;
	margin-right:25px;
	margin-top:253px;
	width:27%;
}

/* Key Tools & Features */

.feature_entry{
  clear:both;
  margin-bottom:25px;
  padding-bottom:15px;
  position:relative;
}
.feature_entry h2{
  clear:both;
  display:inline;
}

.feature_entry h6{
  font-size: 13px;
  color: #815b1f;
  font-style:italic;
  display:inline;
  font-weight: normal;
  padding-left: 5px;
}

#main_content .feature_entry p{
  padding-top: 10px;
}
.feature_entry ul li{
  background:transparent url(/images/template/bullets.gif) no-repeat scroll 5px 5px;
  font-size:13px;
  margin-bottom:15px;
  padding-left:18px;
}

/* Custom Website Design */
#fivewide ul{
	margin-left:40px;
}
#fivewide li{
	display: block;
	line-height: 1.5em;
	float: left;
	margin: 6px 0 0 0;
	width:110px;
	padding-left:20px;
	background: url(/images/highered_section/custom_website_design/addition_icon.png) no-repeat ;
	}
.design_process{
	line-height: 2em;
	margin-left: 40px;
}
.design_titles{
	color: #216484;
}

/* On-Site Training */
.twowide li{
  background:transparent url(/images/template/bullets.gif) no-repeat scroll 5px 5px;
  font-size:13px;
  margin-bottom:15px;
  padding-left:18px;
  display: block;
  float: left;
  width: 300px;
}
.twowide{
	margin-left: 40px;
}
	
/* Solutions page */

#main_content .solutions_list{
	float:left;
	width:49%;
	margin-bottom: 30px;
}

.solutions_list li{
	background:url("/images/highered_section/solutions_bg.gif") repeat-x scroll left bottom transparent;
	display:block;
	height:53px;
	padding-top:0;
}
.solutions_list li a{
	background:url("/images/highered_section/solutions_icons.gif") no-repeat scroll left 1px transparent;
	color:#216484;
	display:block;
	font-size:15px;
	font-weight:bold;
	height:69%;
	padding-bottom:0;
	padding-left:58px;
	padding-top:15px;
	width:79%;
}
.solutions_list li a:hover{
	color: #5bafd6;
}
	.solutions_list li a#org_registration{
		background:url("/images/highered_section/solutions_icons.gif") no-repeat scroll left -55px transparent;
		height:79%;
		padding-right:0;
	}
	.solutions_list li a#campus_comm{
		background-position:left -113px;
	}
	.solutions_list li a#assessment_reporting{
		background-position:left -168px;
	}
	.solutions_list li a#campus_events{
		background-position:left -231px;
	}
	.solutions_list li a#paperless_forms{
		background-position:left -281px;
	}
	.solutions_list li a#co_curric_records{
		background-position:left -339px;
	}
	.solutions_list li a#website_management{
		background-position:left -391px;
	}
	.solutions_list li a#treasury{
		background-position:left -456px;
	}
	.solutions_list li a#students_eportfolios{
		background-position:left -508px;
	}
	.solutions_list li a small{
		color:#6C6121;
		font-size:9px;
		font-weight:normal;
		padding-left:1px;
	}
	
.solutions_list_entry{
	border-bottom:1px solid #E7E7E7;
	padding-bottom:10px;
	padding-top:15px;
}
.solutions_list_entry h4{
	padding-left: 5px;
}
.solutions_list_entry h5{
	padding-left: 5px;
	color: #6C6121;
}

/* Keytools Overview navigation */

#keytools_overview{
  background: url(/images/platform_section/keytools_features/keytools_overview.jpg) no-repeat left 2px;
  height:453px;
  position:relative;
}

#keytools_overview a{
  background:none;
  color:#343027;
  display:block;
  font-weight:bold;
  height:27px;
  letter-spacing:-0.035em;
  line-height:17px;
  padding:93px 0 12px 0;
  position:absolute;
  text-align:center;
  width:119px; 
	font-size: 13.5px;
}

  #keytools_overview #customizable_user_profiles{
		left:10px;
		top:147px;
  }

  #keytools_overview #calendars{
		left:110px;
		top:44px;  
	}
  #keytools_overview #communication_tools{
		height:39px;
		left:434px;
		padding-top:73px;
		top:20px;
  }
  #keytools_overview #events_management{
		left:268px;
		top:11px;
  }
  #keytools_overview #customizable_online_forms{
		left:589px;
		top:51px;
  }

  #keytools_overview #file_cabinet{
		left:259px;
		top:304px;
  }
  #keytools_overview #co_curricular_transcript{
		left:118px;
		top:266px;
  }  
  #keytools_overview #job_board_resume_builder{
    left:199px;
    top:298px;
  }  
  #keytools_overview #org_registration{
    left:336px;
    top:306px;
  }  
  #keytools_overview #dashboards{
		left:432px;
		top:301px;
  }
  #keytools_overview #website_builder{
		left:575px;
		top:264px;
  }
  #keytools_overview #news_feed{
		left:644px;
		top:166px;
  }

  #keytools_addons .coming_soon{
	color: #b1b1b1;
	font-size: 14px;
	font-weight: bold;
}
#keytools_addons{
	width: 630px;
	margin: 0 auto;
}
	#keytools_addons #budget_management_system, #keytools_addons #eportfolio{
		float: left;
	}
	
	#keytools_addons a #budget_management_system{
		background: url(/images/platform_section/keytools_features/addon_sprite.png);
		width: 315px; height: 90px;
	}
	#keytools_addons a:hover #budget_management_system{
		background: url(/images/platform_section/keytools_features/addon_sprite.png) 0 -86px;
	}
	#keytools_addons  #eportfolio{
		background: url(/images/platform_section/keytools_features/addon_sprite.png) 0 -172px;;
		width: 315px; height: 90px;
	}

/* Keytools Detail pages images */



  #custom_keytools_features{
     background:transparent url(/images/platform_section/keytools_features/custom_user_profiles.jpg) no-repeat scroll left top;
     height:245px;
     padding-left:455px;
     padding-top:25px;
   }

   #calendars{
     background:transparent url(/images/platform_section/keytools_features/calendars.jpg) no-repeat scroll right 50px;
     height:350px;
     padding-right:425px;
   }
   #calendars_see_all{
     background:transparent url(/images/platform_section/keytools_features/calendars.jpg) no-repeat scroll right top;
     height:325px;
     padding-right:425px;
   }

   #campus_communication{
     background:transparent url(/images/platform_section/keytools_features/campus_communication.gif) no-repeat scroll left top;
     height:200px;
     padding-left:400px;
     padding-top:25px;
   }

   #events_management{
     background:transparent url(/images/platform_section/keytools_features/events_management.jpg) no-repeat scroll left 37px;
     height:343px;
     padding-left:410px;
   }  
   #custom_online_forms{
     background:transparent url(/images/platform_section/keytools_features/custom_online_forms.gif) no-repeat scroll right top;
     height:210px;
     padding-right:464px;
     padding-top:20px;
   }  
   #file_cabinet{
     background:transparent url(/images/platform_section/keytools_features/file_cabinet.jpg) no-repeat scroll left 16px;
     height:225px;
     padding-left:185px;
   }   

	#file_cabinet li{
		float:left;
	  width:28%;
   }
   #co_curricular_transcript{
     background:transparent url(/images/platform_section/keytools_features/co_curricular_transcript.gif) no-repeat scroll right 42px;
     height:200px;
     padding-right:164px;
   }
     #co_curricular_transcript li{
       float:left;
       width:173px;
     }
   #job_board_resume_builder{
     background:transparent url(/images/platform_section/keytools_features/job_board.jpg) no-repeat scroll left top;
     height:225px;
     padding-left:220px;
   }  
   #org_registration{
     background:transparent url(/images/platform_section/keytools_features/org_registration.gif) no-repeat scroll right 50px;
     height:245px;
     padding-right:190px;
   }
   #involvement_dashboard{
     background:transparent url(/images/platform_section/keytools_features/involvement_dashboard.gif) no-repeat scroll right top;
     height:185px;
     padding-right:432px;
     padding-top:32px;
 }
   #campus_website{
		background:url("/images/platform_section/keytools_features/campus_website.gif") no-repeat scroll -14px -6px transparent;
		height:232px;
		padding-left:466px;
		padding-top:23px;
}
   #news_feed{
		background:url("/images/platform_section/keytools_features/news_feed.gif") no-repeat scroll right 63px transparent;
		height:318px;
		padding-left:0;
		padding-right:437px;
		padding-top:23px;
	 }

  
/* Department page screenshots */


#departments_videos{
  margin:0 auto;
  padding-left:15px;
  width:755px;
  margin-top: 15px;
}
#main_content #departments_videos a{
  background:transparent url(/images/video_thumbs/testimonial_thumbs/department_thumbs.jpg) no-repeat scroll left top;
  color:#343027;
  display:inline;
  float:left;
  font-size:11px;
  padding-left:72px;
  width:23%;
  height:60px;
  padding-top: 7px;
}

  /* Individual videos */
  
  #main_content #departments_videos a.second{
    background-position:left -114px;
  }
  
  #main_content #departments_videos a.third{
    background-position:left -231px;
  }
  
  
/* Global Video Testimonial styles */

#main_content .video_testimonials h3,
#main_content .downloads h3{
  font-size:14px;
  line-height:15px;
  padding-bottom:3px;
  padding-left:0;
}

#main_content .video_testimonials a,
#main_content .downloads a{
	color:#343027;
	font-size:11px;
	height:85px;
	padding-top:6px;
	width:75%;
 }

#main_content .video_testimonials a:hover h3,
#main_content .downloads a:hover h3{
  color: #000;
}

  /* Global Individual Videos */
  
  .video_testimonials a{
    background:transparent url(/images/video_thumbs/testimonial_thumbs/large_video_thumbs.jpg) no-repeat scroll left top;
    padding-left: 100px;
  }
  
  #ucla_kenn{
    background-position:left top;
  }
  #muskingum_janet{
    background-position:left -77px;
  }
  #sfsu_joey{
    background-position:left -159px;
  }
  #syracuse_jr{
    background-position:left -251px;
  }
  #uab_kristen{
    background-position:left -338px;
  }
  #nthsc_bill_matt{
    background-position:left -432px;
  }  
  #sanmarcos_alex{
    background-position:left -516px;
  }
  #loyola_student{
    background-position:left -595px;
  }
  #syracuse_neal_casey{
    background-position:left -685px;
  }
  #john_carroll_francisco_sueiro{
    background-position:left -772px;
  }
  #usf_darren{
    background-position:left -854px;
  }
  #gu_law_kelly{
    background-position:left -904px;
  }
  #gu_law_republicans{
    background-position:left -1025px;
  }

/* Global Download icons */

#main_content .downloads a{
  background:transparent url(/images/template/content_icons.gif) no-repeat;
  clear:both;
  float:left;
  height:auto;
  margin-bottom:11px;
  padding-left:35px;
  padding-top: 7px;
}
  /* Individual downloads icons*/
  
    #main_content .downloads a.pdf{
      background-position:left -78px;
    }    
    
    #main_content .downloads a.letter{
      background-position:left -197px;
    }

/* Individual Departments Pages */

.departments_page{
  clear:both;
  margin-bottom:10px;
  padding-bottom:10px;
}

.departments_page .column_small{
  float:left;
  width:175px;
  margin-right: 20px;
}

.departments_page .column_large{
  float:left;
  width:545px;
  padding-top: 15px;
}

#main_content .departments_page h3{
  padding-bottom: 3px;
}

#main_content .departments_page ul{
  margin-bottom: 10px;
  margin-top: 5px;
  padding-bottom: 10px;
}

.departments_page ul li{
  font-size: 12px;
  margin-bottom: 8px;
}
  

#main_content .departments_page p{
  padding-bottom:0;
  padding-top:10px;
}

.departments_page h2{
  font-size: 16px;
  line-height:20px;
}

.departments_page .title{
  background:transparent url(/images/highered_section/departments_icons.gif) no-repeat scroll left top;
  border-bottom:1px solid #E7E7E7;
  height:75px;
  padding:11px 175px 5px 97px;
}

/* Page Nav */

.page_nav{
  position: absolute;
  right:0px;
  top:100px;
  z-index:100;
}

.page_nav.dept_nav{
  right:10px;
  top:127px;
}

/* prev*/

.btn_arrow_nav{
  background:transparent url(/images/template/buttons/btn_arrow_nav.gif) no-repeat scroll left top;
  display:block;
  float:right;
  height:20px;
  width:42px;
  padding:0px 8px 0px 28px;
  color: #343027;
  font-weight: bold;
}

.btn_arrow_nav:hover{
  color: #408fb6;
}

  /* next */
  .btn_arrow_nav.next{
    background-position:right bottom;
    float:right;
    padding:0px 28px 0px 0;
    text-align:right;
  }
  
  

#main_content .departments_page .title p{
  font-size: 13px;
  padding-top: 0px;
  color: #255009;
}

  /* individual icons per page */
  
  .departments_page .title#leadership_development{
    background-position:left -119px;
  }      
  .departments_page .title#student_orgs{
    background-position:left -251px;
  }     
  .departments_page .title#student_gov{
    background-position:left -120px;
  }
  .departments_page .title#student_life{
    background-position:left -373px;
  }     
  .departments_page .title#career_services{
    background-position:left -498px;
  }     
  .departments_page .title#admissions{
    background-position:left -622px;
  }
  .departments_page .title#info_technology{
    background-position:left -751px;
  }    
  .departments_page .title#alumni_association{
    background-position:left -885px;
  }
  .departments_page .title#service_learning{
    background-position:left -1003px;
  }
  .departments_page .title#fraternity_sorority_life{
    background-position:left -1117px;
  }
  
/* Videos and Presentations */

#overview_videos h2.title{
  background-position: left top;
}

#presentations h2.title{
   background-position:left -36px;
}

#presentations h3.presentations_section{
  border-bottom:1px solid #E7E7E7;
  clear:both;
  color:#408FB6;
  float:left;
  font-size:14px;
  margin-top:20px;
  margin-bottom: 5px;
  padding-bottom:7px;
  padding-left:6px; 
	padding-right: 25px;
  width:100%;
  }

#overview_videos a{
  background:transparent url(/images/video_thumbs/overview_video_thumbs.gif) no-repeat scroll left top;
  clear:both;
  float:left;
  padding-left:104px;
}

#overview_videos a span{
  line-height:12px;    
	padding-right: 28px;
}

.presentation_slideshow{
  position:relative;
  float:left;
  width:100%;
}
#main_content #presentations a.slideshare_link:hover{
  color: #000;
}

#main_content #presentations  a.slideshare_link{
  background:none;
  margin:0;
  padding:0;
  position:absolute;
  right:0;
  top:13px;
  width:43px;
  color: #408FB6;
}

  
  /* Individual overview video thumbs */
  
  #overview_videos a.second{
    background-position:left -89px;
  }
  
  #overview_videos a.third{
    background-position:left -176px;
  }
  
  #presentations a,
  #presentations a h3{
    padding-left:20px;
  }
  
  #overview_videos a.live_chat{
    background:transparent url(/images/platform_section/live_chat_icon.gif) no-repeat scroll -6px top;
    padding-top:29px;  
    height:45px;
    margin-bottom:45px;
    
  }
  
  #overview_videos a.help_desk{
    background:transparent url(/images/platform_section/help_desk_icon.gif) no-repeat scroll -6px top;
    padding-top:29px;  
    height:50px;
  }


/* Global columns */

.half_column{
  float:left;
  margin-right:29px;
  width:48%;
}

ul.half_column{
  width:46%;
}

.two_thirds_large{
  float: left;
  width:64%;
  margin-right: 29px;
}

.two_thirds_small{
  float: left;
  width:32%;
}

.no_gutter{margin-right: 0px;}
.gutter{margin-right:29px;}

.smaller_text{ font-size:.91em;}
/* Testing CSS only */

.test{
  border:1px solid red;
}

  /* Nested columns */
  
  .two_thirds_large .half_column{
    margin-right:8px;
  }
  
  .half_column .half_column, .half_column .half_column{
    width:44%;
  }
 

/* Succes Stories ######################################### */

#video_praise h2.title{
  background-position: left top;
}

#main_content #video_praise a{
  color:#343027;
  display:inline;
  float:left;
  font-size:11px;
  height:71px;
  margin-bottom:18px;
  margin-top:10px;
  padding-top:2px;
  width:60%;
}

#ref_letters h2.title{
  background-position:left -118px;
}

/* Written Praise */

#written_praise{
  clear:both;
  padding-top: 25px;
}
#written_praise h2.title{
  background-position: left -160px;
  color: #365e9c;
}
#written_praise hr{
  clear:both;
}
#written_praise h3{
  float:left;
}
#written_praise h5{
  display:inline;
  float:left;
  width:60%;
  margin-left: 20px;
  margin-bottom: 20px;
}

/* Send testimonial */
.send_testimonial{
  background:transparent url(/images/template/buttons/btn_send_testimonial.gif) no-repeat scroll left top;
  display:block;
  height:58px;
  margin:0 auto;
  text-indent:-9999px;
  width:342px;
}

/* Campus Partners Page */

#campus_partners{
  background: url(/images/highered_section/campus_partners_logos.png) no-repeat center top;
  height:1300px;
}
#campus_partners h2{
  color:#498DAD;
  font-size:26px;
  font-style:italic;
  font-weight:bold;
  padding-bottom:10px;
  text-align:center;
}
#campus_partners ul.half_column{
  width:310px;
  margin-right:16px;
}
#campus_partners ul.half_column.no_gutter{
  width:250px;
  padding-left: 105px;
  margin-right:0px;
}

#campus_partners ul li{
  font-size: 12px;
  letter-spacing:-0.015em;
  line-height:1.48em;
}

/* Map */

#partners_map{
	padding-bottom:15px;
}

/* Global Inputs & Forms ################################ */

label{
  color:#343026;
  font-size:16px;
  font-weight:bold;
  margin-bottom:5px;
  margin-top:5px;
  padding-right:11px;
}
.required{
  background: url(/images/template/required.gif) no-repeat right 2px;
}

input,textarea {
  background:#FFFFFF url(/images/template/input_bg.gif) repeat-x scroll left top;
  border:1px solid #A9A9A9;
  clear:both;
  display:block;
  font-size:14px;
  margin-bottom:8px;
  margin-top:5px;
  padding:5px;
  font-family:'lucida grande',arial,sans-serif;
}
select{
  background:transparent url(/images/template/input_bg.gif) repeat-x scroll left top;
  border:1px solid #A9A9A9;
  clear:both;
  display:block;
  font-size:14px;
  height:29px;
  margin-bottom:8px;
  margin-top:5px;
  padding:4px 5px 5px;
}
select option{
  background:#fff;
}

.big_submit{
  background:transparent url(/images/template/buttons/btn_submit.gif) no-repeat scroll left top;
  border:9px none;
  float:left;
  height:45px;
  text-indent:-99999px;
  width:217px !important;
  cursor:pointer;
}

.big_submit:hover{
  background-position:left bottom;
}

/* Contact Us ############################################### */

#contact_page_main h3#chat_support{
	background: url(/images/misc_pages/chat_buttons.gif) no-repeat left top;
	display:block;
	float:left;
	height:69px;
	text-indent:-999999px;
	width:239px;
}
#contact_page_main h3#chat_sales{
	background: url(/images/misc_pages/chat_buttons.gif) no-repeat right top;
	display:block;
	float:left;
	height:69px;
	text-indent:-999999px;
	width:214px;
}
#contact_page_main h3#chat_support a,
#contact_page_main h3#chat_sales a{ 
	height: 100%;
	width: 100%;
	display:block;
	text-indent:-99999px;
}

#contact_form, #schedule_demo_form{
  padding-left:5px;
}
#contact_form input, #schedule_demo_form input{
  width:90%;
}
#contact_form textarea,#schedule_demo_form textarea{
  width:95%;
}
#contact_form hr{
  display:block;
  padding-top:15px;
  padding-top: 15px;
}

#schedule_demo_form .hidden{
  display:none;
}

/* About Orgsync Pages #######################################  */

#about_overview a{
  background:transparent url(/images/about_orgsync_section/btns_overview.gif) no-repeat scroll left top;
  display:block;
  float:left;
  height:75px;
  text-indent:-999999px;
  margin:0;
  padding:0;
  margin-right: 10px;
}

#about_overview a#meet_our_team{
  background-position:left top;
  width:267px;
}

#about_overview a#campus_partners{
  background-position:left -103px;
  width:226px;
}

#about_overview a#blog{
  background-position:left -193px;
  width:162px;
}


/* Our Team */

#our_team_container .half_column .no_gutter{
  padding-bottom:18px;
}

#our_team_container .half_column .no_gutter a{
  color: #000;
}

#our_team_container .half_column .no_gutter a:hover{
  color: green;
}

.our_team_details h3{
  display:inline;
  padding-bottom:10px;
}
#our_team_container  h3 a{
  color:#6C6121;
}

.our_team_details h5{
  border-left:1px solid #E7E7E7;
  display:inline;
  padding-left:9px;
}
.our_team_details h6{
  clear:both;
  display:block;
  font-size:12px;
  padding-left:6px;
  padding-top: 2px;
}
#main_content .our_team_details p{
  padding-top: 10px;
  margin-bottom:25px;
}

#our_team_container .two_thirds_large{
  padding-bottom: 20px;
}
#our_team_container .two_thirds_large ul li  a{
  clear:both;
  float:left;
  width:35%;
}
#our_team_container .two_thirds_large ul li span{
  float:left;
  text-align:left;
}    

/* OrgSync Story */

#main_content #orgsync_story_top{
	background:url("/images/about_orgsync_section/os_story_top.jpg") no-repeat scroll left top transparent;
	height:206px;
	margin-top:15px;
	padding-left:327px;
	padding-top:21px;
} 

/* Why OrgSync */

#why_orgsync p{
	border-bottom:1px solid #E2E2E2;
	padding-left:170px;
	padding-top:10px; 
	padding-bottom: 30px;
}
#why_orgsync p strong{
	color: #4e7013;
}
#why_orgsync p#team{
	background: url(/images/about_orgsync_section/why_orgsync/team.jpg) no-repeat left 15px;
}
#why_orgsync p#branding{
	background:url("/images/about_orgsync_section/why_orgsync/branding.jpg") no-repeat scroll left 15px transparent;
	padding-top:12px;
}
#why_orgsync p#consultants{
	background:url("/images/about_orgsync_section/why_orgsync/consultants.jpg") no-repeat scroll left 11px transparent;
	padding-bottom:32px;
	padding-top:19px;
}
#why_orgsync p#support{
	background:url("/images/about_orgsync_section/why_orgsync/24_hour.jpg") no-repeat scroll left 14px transparent;
	padding-bottom:25px;
	padding-top:18px;
}
#why_orgsync p#training{
	background: url(/images/about_orgsync_section/why_orgsync/training.jpg) no-repeat left 15px;
}
#why_orgsync p#higher_ed_network{
	background:url("/images/about_orgsync_section/why_orgsync/highered_network.jpg") no-repeat scroll left 14px transparent;
	padding-bottom:30px;
	padding-top:16px;
}
#why_orgsync p#adoption{
	background:url("/images/about_orgsync_section/why_orgsync/adoption.jpg") no-repeat scroll left 16px transparent;
	padding-bottom:25px;
	padding-top:15px;
}
#why_orgsync p#integrations{
	background:url("/images/about_orgsync_section/why_orgsync/integrations.jpg") no-repeat scroll left 14px transparent;
	padding-bottom:25px;
	padding-top:15px;
}
#why_orgsync p#dev_team{
	background: url(/images/about_orgsync_section/why_orgsync/inhouse_dev.jpg) no-repeat left 15px;
}     
                
/* Timeline */  

#timeline div{
	padding-left: 223px; 
	margin-bottom: 30px;
}
#timeline ul{
	margin-top: 0px;
}
#timeline h2{
	background:url("/images/about_orgsync_section/timeline/timeline_icon.jpg") no-repeat scroll left 3px transparent;
	border-bottom:1px solid #E7E7E7;
	margin-bottom:20px;
	padding-left:41px;
}

#timeline_2007{
	background:url("/images/about_orgsync_section/timeline/2007_pic.jpg") no-repeat scroll left top transparent;
}
#timeline_2008{
	background:url("/images/about_orgsync_section/timeline/2008_pic.jpg") no-repeat scroll left top transparent;
	
}
#timeline_2009{
	background:url("/images/about_orgsync_section/timeline/2009_pic.jpg") no-repeat scroll left top transparent;
	
}
#timeline_2010{
	background:url("/images/about_orgsync_section/timeline/2010_pic.jpg") no-repeat scroll left top transparent;
	
}

/* Team Bio Layout */

.team_bio_left{
  clear:both;
  float:left;
  padding-left:6px;
  width:164px;
padding-top: 15px;
}
.team_bio_right{
  float:right;
  width:570px;
padding-top: 15px;
}

/* The About OrgSync page linked from the default template of the website builder */

#default_template_about{
	width: 800px;
	margin: 0 auto;
	font-size: 14px;
	border-bottom:1px solid #D4D4D4;
}
#default_template_keytools{
	margin: 0 auto;
	width:785px;
}
/* Schedule A Demo */

#schedule_a_demo{
  background:transparent url(/images/template/schedule_a_demo_bg.jpg) no-repeat scroll left top;
  margin-top:20px;
  padding-left:15px;
  padding-top:80px;
  min-height:332px;
}

#schedule_a_demo .side_callout h3{
  padding-top:83px;
  padding-left:16px; 
	padding-bottom: 3px;
}
#schedule_a_demo .side_callout a.sales_chat{
	float:left;
	height:76px;
	text-indent:-99999px;
	width:222px;
}
#schedule_a_demo .side_callout a.sales_chat:focus{
	outline:0px none;
}

#schedule_a_demo .side_callout p{
  padding-left: 16px;
}


#schedule_a_demo label{
  font-size: 14px;
}

/* Legal info pages */

.legal_page h4{
  font-size:15px;
  padding-bottom:5px;
  padding-left:4px;
}

/* Homepage ################################################### */

#homepage_top_container{
  background: url(/images/homepage/homepage_top.jpg) no-repeat left top;
  height:386px;
  float: left;
	margin-top:28px;
  width:990px;
}

#homepage_top_left{
  width:650px;
  float:left;
  position:relative;
}

#homepage_top_left h1{
  text-indent:-9999px;
}


#homepage_top_left a{
  display:block;
  height:42px;
  left:305px;
  position:absolute;
  text-indent:-99999px;
  top:214px;
  width:205px;
}

#homepage_top_left a:hover{
  background: url(/images/homepage/homepage_learnmore_hover.gif) no-repeat left top;
}

#homepage_top_left p{
	font-size:13px;
	left:295px;
	line-height:18px;
	position:absolute;
	top:274px;
	width:348px;
}

#homepage_top_left p strong{
  font-size: 18px;
  color: #4c9002;
}

#homepage_top_right{
  float:left;
  width:325px;
  margin-left: 15px;
  display:inline;
}
#campus_highlights{
  padding-top: 20px;
}

#campus_highlights h2{
  font-size: 17px;
  color: #09487e;
  float:left;
  margin-bottom: 13px;
  padding-left: 15px;
}

#see_more {
  color:#343027;
  float:right;
  font-size:11px;
  padding-right:16px;
  padding-top:7px;
}

#homepage_video_testimonial{
  clear:both;
  margin-left:12px;
  text-align:center;
  float:left;
}

#campus_highlights p{
	clear:both;
	font-size:11.5px;
	line-height:14px;
	padding:17px 14px 0;
}
#campus_highlights p.ucla{
  background:transparent url(/images/template/quote_icons.gif) no-repeat scroll 12px -483px;
  padding-left:88px;
}

#campus_highlights p.georgetown_law{
	background:url("/images/template/quote_icons.gif") no-repeat scroll 13px -677px transparent;
	font-size:10px;
	height:34px;
	letter-spacing:-0.02em;
	padding-bottom:1px;
	padding-left:14px;
	width:89%;
	}
#campus_highlights p strong{
  color: #152353;
}

#homepage_bottom .bottom_section{
  float:left;
  margin-right: 25px;
  font-size: 14px;
}

#homepage_bottom .bottom_section ul{
  padding-top: 5px;
}

  #news_announcements{
    width:275px;
    padding-left: 15px;
  }
  
  #news_announcements li{
    background:transparent url(/images/template/content_icons.gif) no-repeat scroll -9px -206px;
    font-size:12px;
    padding-bottom:13px;
    padding-left:23px;
  }
  
  #news_announcements li.news{
    background-position: -7px -998px;
  }
  #news_announcements li.annoucement{
    background-position: -9px -864px;
  }
  
  #news_announcements li.event{
    background-position: -7px -338px;
  }
  
  #news_announcements ul li a:hover{
    color:#000;
  }
  
  #resources{
    width:185px;
  }
  
  #blog_posts{
    width:220px;
  }
  
  #homepage_bottom #homepage_videos{
    background:transparent url(/images/homepage/homepage_videos.gif) no-repeat scroll -2px 40px;
    height:200px;
    margin-right:20px;
    width:200px;
  }
  
  #homepage_bottom #homepage_videos h2{
    margin:0;
    padding:0;
  }
  
  #homepage_bottom #homepage_videos a{
    color:#6C6121;
    font-size:15px;
    line-height:45px;
    padding-bottom:8px;
    padding-left:59px;
    padding-top:10px;
  }
  
  #homepage_bottom #homepage_videos a:hover{
    color:#000;
  }


#homepage_bottom .bottom_section h3{
  border-bottom:1px solid #E3E3E3;
  color:#3E3333;
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
  padding-bottom:6px;
  padding-top:5px;
}

#homepage_bottom .bottom_section{
  float:left;
  font-size: 14px;
}

#homepage_bottom #resources .callout{
  margin-left:0px;
  margin-top:8px;
}

#homepage_bottom #resources a{
  color: #6c6121 ;
}

#homepage_bottom #resources a:hover{
  color: #000 ;
}


#homepage_blog li{
  font-size: 12px;
  padding-bottom: 8px;
}

#homepage_blog li a:hover{
  color: #000;
}

/* Sitemap */
.sitemap_column{
  float:left;
  margin:10px 35px 25px 10px;
  width:27%;
}

.sitemap_column h4{
  border-bottom:1px solid #e7e7e7;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.sitemap_column li a{
  font-size: 12px;
}
.sitemap_column li a:hover{
  color: #000;
}

.sitemap_column ul ul{
  padding-left:10px;
}

/* Affiliations */

#partner_logos h4{
	border-bottom:1px solid #E7E7E7;
	clear:both;
	margin-bottom:15px;
	padding-bottom:10px;
}


#partner_logos a{
  float:left;
  margin:0 auto;
  padding-top:20px;
  text-align:center;
  width:33%;
}

#partner_logos p{
	float:left;
	width:65%;
	margin-bottom: 20px;
}

/* Screenshots Gallery */

#screenshots_gallery{
  background: url(/images/template/screenshots_bg.gif) no-repeat left 36px;
  height:143px;
	clear:both;    
	width:100%;
}
#screenshots_gallery ul{
  background:transparent url(/images/template/screenshots_bg.gif) no-repeat scroll right -108px;
  clear:both;
  float:left;
  height:100px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-left:32px;
  margin-top:0;
  padding-right:20px;
  padding-top:14px;
}
#screenshots_gallery ul li{
  display:inline;
  background:none;
  margin-right: 25px;       
float:left;
}

      
/* Screenshots vertical */

div#fancy_outer {
  z-index:999 !important;
}

#screenshots_gallery_vert{
  background:transparent url(/images/template/screenshots_vert_bottom.gif) no-repeat scroll left bottom;
  margin-top: 15px;
}

#screenshots_gallery_vert h3{
  background:transparent url(/images/template/screenshots_vert_top.gif) no-repeat scroll left top;
  width:175px;
  text-indent:-9999px;
  height:38px;
}

#screenshots_gallery_vert ul{
  padding-left:16px;
  padding-bottom: 10px;
  width:156px;
}
#screenshots_gallery_vert ul li{
  margin-top: 10px;
  margin-bottom: 25px;
}

/* Calendar / Event Dates */

.dates_list li{
  clear:both;
  font-size: 12px;
}

.dates_list li a{
  float:left;
  padding-top:5px;
  width:78%;
  font-size: 14px;
}

.dates_list li a:hover, #recent_events li a:hover{
  color: #000;
}


.dates_list li .date_month{
  background:transparent url(/images/template/misc_icons/date_green.gif) no-repeat scroll left top;
  color:#5F771E;
  display:block;
  float:left;
  font-size:11px;
  font-weight:bold;
  height:62px;
  padding-top:5px;
  text-align:center;
  text-transform:uppercase;
  width:56px;
  margin-bottom: 5px;
  padding-right:5px;
}

#all_news ul {
  padding-bottom:15px;
}
#all_news h2{
  color: #6C6121;
}
#all_news ul li{
  padding-left:5px;
  line-height:23px;
  clear:both;
}
#all_news ul li span{
  float:left;
  padding-right:5px;
  text-align:right;
  width:81px;
}
 
#all_news ul li a{
  padding-left: 5px;
  float:left;
  width:87%;
}

#all_news ul li a:hover{
  color: #000;
}

#recent_events li .date_month{
  background:transparent url(/images/template/misc_icons/date_blue.gif) no-repeat scroll left top;  
  color: #274088;
}

#recent_events li a{
  color: #274088;
  padding-bottom: 2px;
}


.dates_list li .date_day{
  color: #343027;
  font-weight: bold;
  font-size: 18px;
}

/* Global See More link */

.see_more_link{
  background:transparent url(/images/template/content_icons.gif) no-repeat scroll left -533px;
  color:#194A8D;
  font-weight:bold;
  letter-spacing:-0.038em;
  padding-left:35px;
}
.see_more_link:hover{
  color: #000;
}

.slideshar_container{
  padding-top: 15px;
  margin:0 auto;
  text-align:center;
}       

/* Global learn more button */
.btn_learnmore{
	background:url("/images/template/buttons/btn_learnmore.gif") no-repeat scroll left top transparent;
	display:block;
	height:32px;
	text-indent:-99999px;
	width:111px;
}
.btn_learnmore:hover{
	background:url(/images/template/buttons/btn_learnmore.gif) no-repeat left bottom;
}

/* Calendar */

#iframe_calendar{
  border:0px;
}

#os_calendar_legend{
  padding-left:20px;
margin-top: 15px;
}

#os_calendar_legend li{
  background:yellow none repeat scroll 0 0;
  display:block;
  float:left;
  font-size:11px;
  height:14px;
  margin-right:20px;
  margin-bottom: 8px;
  border-left:1px solid #c2beaa;
}

  #os_calendar_legend li.one{
    background:#f5e1c5 none repeat scroll 0 0;
  }
  #os_calendar_legend li.two{
    background:#ccdfe0;
  }
  #os_calendar_legend li.three{
    background:#ed8b8e;
  }
  #os_calendar_legend li.four{
    background:#D6CAC2;
  }
  #os_calendar_legend li.five{
    background:#f5ff82;
  }
  #os_calendar_legend li.six{
    background:#c1ebb0;
  }
  

#os_calendar_legend li span{
  background:#FFFFFF none repeat scroll 0 0;
  float:left;
  margin-left:12px;
  padding-left:6px;
}

/* Pricing Page */
#pricing_top{
	clear:both;
	background: url(/images/pricing/pricing_top_bg.gif) no-repeat left bottom;
	padding-bottom: 40px;
}
#pricing_chart{
	background:url("/images/pricing/pricing_chart.gif") no-repeat scroll left top transparent;
	float:left;
	padding-left:11px;
	padding-top:26px;
	width:600px;
}
#pricing_chart p{
	font-size:12px;
	padding-left:10px;
	padding-top:15px;
}
#pricing_chart ul li{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}
#portals{
	float:left;
	width:190px;
}
#one_year{
	float:left;
	width:130px;
}
#three_year{
	float:left;
	width:145px;
}
#five_year{
	float:left;
}
#subscription_features{
	background:url("/images/pricing/subscription_features.gif") no-repeat scroll left 25px transparent;
	float:right;
	font-size:14px;
	height:279px;
	padding-left:20px;
	padding-right:20px;
	padding-top:33px;
	width:317px;
 }
#subscription_features h2{
	font-size: 18px;
}
#subscription_features ul{
	line-height:21px;
	list-style-type:disc;
	padding-left:15px;
	padding-right:10px;
	padding-top:5px;
	font-size: 13px;
}

#pricing_additional_services{
	background:url("/images/misc_pages/pricing/services_2010.gif") no-repeat scroll left 85px transparent;
	height:370px;
	position: relative;
	font-size: 14px;
}
#pricing_additional_services p{
	position:absolute;
}
#pricing_additional_services #setup_training{
	line-height: 1.4em;
	left:391px;
	top:136px;
}
#pricing_additional_services #custom_sites{
	line-height: 1.4em;
	right:58px;
	top:137px;
}
#pricing_additional_services #budget_management{
	line-height: 1.4em;
	left:391px;
	top:272px;
}
#pricing_additional_services #technical_integrations{
	line-height: 1.4em;
	right:61px;
	top:273px;
}

/* Services pricing */

#subscriptions_include{
	background: url(/images/highered_section/light_grey_pricing.gif) no-repeat left top;
}
#subscriptions_include ul{
	display:inline;
	margin-left:25px;
	margin-top:24px;
	width:42%;}

/* Notice pod */

.site_notice{
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px;
	background:none repeat scroll 0 0 #EBF8B8;
	border-bottom:1px solid #CCCCCC;
	float:left;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:27px;
	padding:5px 25px 5px 17px;
	text-align:center;}
	
/* Info Popups */

.info_popup_wrapper{
	padding:0px 10px 10px 10px;
}
.info_popup_wrapper p{
	font-size: 13px;
}
.info_popup_wrapper #page_header{
	margin-top:0px;
	height:44px;
}
.info_popup_wrapper #page_header h1{
	padding-left: 0px;
}
.info_popup_wrapper #page_header h1 strong{
	font-size: 27px;
}