/* basics */

*{margin:0; padding:0;}

html {
	background: #fff url(../../img/gbl/html-bg.jpg) repeat-x 0 0;
	}
	
body {
	text-align: center;
	color:#666;
	font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0; padding:0;
	}
	
h1, h2, h3, h4, h5, h6,
p,
blockquote,
form,
label, dl, ul, ol,
fieldset,
address {
    margin: 0 0 1em 0;
	}	
	
h1, h2, h3, h4, h5, h6 {
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	margin: 0 0 1.2em 0; padding: 0;
	color:#132545;
	}

h1 {
	font-size: 17px;
	font-weight:normal;
	line-height:26px;
	}

h2 {
	font-size: 16px;
	color:#8aab55 !important;
	font-weight:normal;
	line-height:26px;
	}
	
	h2 a {
		color:#8aab55 !important;
		}
		
		h2 a:hover {
			color:#132545 !important;
			}

h3 {
	font-size: 14px;
	font-weight:normal;
	line-height:26px;
	}

h4 {
	font-size: 12px;
	}


/* images and misc. */

img{ border: none; }
img a{border:none;}

img.floated { float: left; margin: 0 15px .5em 0;}
img.floated.alt { float: right;	margin: 0 0 .5em 15px; }

blockquote{ margin:15px; padding:0 12px 0 12px;}

code{ margin:10px; font-family:"Courier New", Courier, monospace;}
	
.clear { clear:both;}

.bodyTitle {
	width:960px;
	margin:0; padding:0;
	position:relative;
	float:left;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color : #00008B 
}

blockquote p {
	padding: 10px 20px 20px 65px;
	border: 1px solid #ccc;
	background: url(../../img/gbl/bg-quote-open.gif) no-repeat 10px -15px;
	}
	
hr {
	background: #ccc;
	border: 0;
	color: #ccc;
	height: 1px;
	margin: 0 0 10px;
	}	
	
/* links */

a { color:#132545; border:none;}
a:hover { color:#8aab55; border:none;}
			

/* container */

#container {
	position: relative;
	margin: 0 auto; padding:0;
	text-align: left;
	}

#mainContents {
	width:960px;
	margin:0 auto; padding:0;
}
	
	
/* header */

#header {
	width:960px;
	margin:0 auto; padding:0;
	}
	
	#header-inner {
		margin:0; padding:0;
		}
		
		#header #logo {
			width:176px; height:91px;
			margin:13px 0 18px;
			float:right;
			}
			
			body.application #header #logo {
				margin-bottom:0;
				}
			
			#header #logo a {
				width:176px; height:91px;
				display:block;
				overflow:hidden;
				border:none;
				}
				
		#header #slogan {
			width:309px; height:58px;
			margin:0; padding:0;
			float:right;
			}
			
			#header #slogan h3 {
				width:309px; height:58px;
				margin:0; padding:0;
				text-indent:-999em;
				background:url(../../img/gbl/slogan-bg.gif) no-repeat 0 0;
				}
				
		#header-call {
			margin:5px 0 0; padding:37px 0 0;
			background:url(../../img/gbl/header-call-bg.jpg) no-repeat 0 0;
			}
			
			#header-call h3 {
				margin:0; padding:0;
				}
				
				#header-call h3 a {
					width:391px; height:57px;
					display:block;
					overflow:hidden;
					outline:none;
					text-indent:-999em;
					background:url(../../img/gbl/call-signup.jpg) no-repeat 0 0;
					}
					
					#header-call h3 a:hover {
						background-position:0 -57px;
						}
						

/* main menu */

#menu {	
	width:533px; height:59px;
	margin:-59px 0 0; padding:0;
	background:url(../../img/gbl/menu-bg.jpg) no-repeat 0 0;
	position:relative;
	float:left;
	top:0px;
	overflow:hidden;
	line-height:normal;
	}
	
	#menu ul {
		margin:0; padding:0;
		list-style:none;
		}
		
		#menu li {
			margin:0; padding:0 5px 0 9px;
			float:left;
			background:url(../../img/gbl/menu-link-bg-left.jpg) no-repeat left top;
			}
			
			#menu a {
				padding:4px 15px 3px 6px;
				float:left;
				display:block;
				background:url(../../img/gbl/menu-link-bg-right.jpg) no-repeat right top;
				text-decoration:none;
				color: #a8c376;
				font-family: Helvetica, Arial, sans-serif;
				outline:none;
				overflow:hidden;
				font-size:12px;
				}
			
				#menu a:hover {
					color:#333;
					}

				#menu .current {
					background-position:0 -22px;
					border-width:0;
					}

					#menu .current a {
						background-position:100% -22px;
						padding-bottom:5px;
						color:#fff;
						}
						
					#menu li:hover, #menu li:hover a {
						background-position:0% -22px;
						color:#fff;
						}

						#menu li:hover a {
							background-position:100% -22px;
							}
							
							#menu li ul {
								display:none;
								}
							

/* middle section */

#middle {
	margin:0 auto;
	}

	body.splash #middle {
		background:url(../../img/gbl/middle-bg.jpg) no-repeat top center;
		}
			
	#middle-inner {
		width:960px;	
		margin:0 auto;
		}
		
		body.application #middle-inner {
			background:none;
			}
		

/* sidebar */

#sidebar {
	width:267px;
	margin:0 0 0 32px; padding:33px 0 30px;
	float:left;
	overflow:hidden;
	}
	
	#sidebar ul {
		margin:0 0 1px; padding:0;
		list-style:none;
		}
		
		#sidebar li {
			margin:0; padding:0;
			}
			
			#sidebar li a {
				width:267px; height:25px;
				margin:0; padding:15px 0 0 13px;
				background:url(../../img/gbl/sidebar-link-bg) no-repeat 0 0;
				display:block;
				color:#19438d;
				text-decoration:none;
				font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
				font-size:12px;
				overflow:hidden;
				}
				
				#sidebar li a:hover {
					color:#a8c376;
					}
					
					#sidebar li ul {
						display:none;
						}


/* content */

#content {
	}

	#content-feature { /* this div contains the marketing slider, the "Sign Up..." button, and the Login Form on the home page */
		width:960px;
		margin: 0 0 29px; padding:56px 0 0;
		}

	#content-inner {
		width:598px;
		margin:0 32px 0 0; padding:42px 0 63px;
		float:right;
		overflow:hidden;
		}
		
		body.splash #content-inner {
			width: 778px;
			margin:0; padding:0 91px 63px;
			float:none;
			overflow:hidden;
			}
			
		body.application #content-inner {
			width:960px;
			margin:0; padding:0 0 20px;
			float:none;
			overflow:hidden;
			}
			
	#content-inner p {
		line-height:26px;
		}	
		
		/* #content-inner ul, #content-inner ol {
		padding-left:20px;
		}		*/


/* Home Page Marketing Slider (Styles that control the 4-part Marketing "slider" on the home page) */	
	
#nav-slider { /* these are the four controller buttons for the slider */
	margin: 0 0 0 1px;
	}
	
	ul.navigation {
		margin: 0 0 0 -11px; padding: 0;
		list-style: none;
		}

		ul.navigation li {
			margin:0 0 -16px; padding:0;
			float:left;
			}

			ul.navigation li a {
				height:57px;
				margin:0; padding:0;
				display:block;
				text-indent:-999em;
				position:relative;
				z-index:6000;
				outline:none;
				overflow:hidden;
				}
				
				ul.navigation li a.what-is-ipipi {
					width:120px;
					background:url(../../img/gbl/slider-btn1.png) no-repeat 0 0;
					}
					
					ul.navigation li a.what-is-ipipi:hover, ul.navigation li a.what-is-ipipi.selected {
						background-position:0 -57px;
						}
										
				ul.navigation li a.sms-from-email {
					width:121px;
					background:url(../../img/gbl/slider-btn2.png) no-repeat 0 0;
					}
					
					ul.navigation li a.sms-from-email:hover, ul.navigation li a.sms-from-email.selected {
						background-position:0 -57px;
						}
					
				ul.navigation li a.sms-from-phones {
					width:121px;
					background:url(../../img/gbl/slider-btn3.png) no-repeat 0 0;
					}
					
					ul.navigation li a.sms-from-phones:hover, ul.navigation li a.sms-from-phones.selected {
						background-position:0 -57px;
						}
					
				ul.navigation li a.sms-integration {
					width:121px;
					background:url(../../img/gbl/slider-btn4.png) no-repeat 0 0;
					}
					
					ul.navigation li a.sms-integration:hover, ul.navigation li a.sms-integration.selected {
						background-position:0 -57px;
						}	

				ul.navigation a:focus {
					outline: none;
					}

#slider { /*this is the actual container that slides */
	width:960; height:277px;
	margin:0; padding:0 11px;

	}
	
	.scroll {
		width:938px; height: 237px;
		overflow: auto;
		overflow-x: hidden;
		position: relative;
		clear: left;
		}
	
		.scrollContainer div.panel {
			width:936px; height:225px;
			margin:0; padding:0 1px;
			color:#fff;
			font-size:12px;
			text-align:left
			}
			
			.scrollContainer .panel img {
				margin:0 62px 0 0;
				float:left;
				}
				
			.scrollContainer .panel p {
				margin:62px 0 0; padding:0 30px 0 0;
				}
				
				.scrollContainer .panel p img.logo {
					margin-bottom:4px;
					float:none; 
					}
					
				.scrollContainer .panel p a {
					color:#fff;
					text-decoration:underline;
					}
					
					.scrollContainer .panel p a:hover {
						color:#132545;
						}

	img.scrollButtons {
		display:none;
		}
				
				
/* sign up call-to-action (styles that control the "Sign Up..." button on the home page) */				
			
#call-signup {
	width:391px; height:57px;
	margin:-64px 0 0; padding:0;
	float:right;
	position:relative;
	z-index:100;

	}
	
	#call-signup h3 {
		margin:0; padding:0;

		}
		
		#call-signup h3 a {
			width:391px; height:57px;
			display:block;
			overflow:hidden;
			outline:none;
			text-indent:-999em;
			background:url(../../img/gbl/call-signup-splash.jpg) no-repeat 0 0;
			}
			
			#call-signup h3 a:hover {
				background-position:0 -57px;
				}
				
						
/* quick login form (styles that control the Quick Login form on the home page) */							
			
#login {
	width:100%; height:98px;
	margin:0px; padding:0;
	background:url(../../img/gbl/login-bg.jpg) no-repeat 0 0;
    z-index:200;
	}
	#login .title {
		width:88px; height:16px;
		margin:20px 20px 0 32px;
		text-indent:-999em;
		display:block;
		background:url(../../img/gbl/login-h4-bg.gif) no-repeat 0 0;
		float:left;
		}
		
	#login ul {
		margin:0; padding:23px 0 0;
		list-style:none;
		position:relative;
		z-index:10000;
		}
		
		#login li {
			margin:0; padding:0;
			float:left;
			}
		
			#login .interface {
				color:#fff;
				text-decoration:none;
				font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
				font-weight:normal;
				font-size:11px;
		        float:left;
				}
            #login a {
				color:#fff;
				text-decoration:none;
				font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
				font-weight:normal;
				font-size:11px;
				}	
				#login a.signup:hover, #login a.forgot:hover {
					text-decoration:underline;
					}
		
				#login a.signup {
					margin-right:17px;
					}
		
	#login form { /* More styles for the quick login form can be found at the bottom of this file */
		margin:0; padding:9px 0 0 0px;		
		}
				
				
/* footer */

#footer {
	background:url(../../img/gbl/footer-bg.jpg) repeat-x 0 0;
	font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
	font-size:12px !important;
	}

	#footer-inner {
		width:960px; height:180px;
		margin:0 auto; padding:55px 0 0;
		background:url(../../img/gbl/footer-inner-bg.jpg) no-repeat 0 0;
		}
		
		#footer p.legal {
			text-align:center;
			color:#999;		
			margin:0 0 8px; padding:0;
			}
		
		#footer p.legal a {
			color:#999;
			text-decoration:none;
			}
			
			#footer p.legal a:hover {
				color:#132545;
				text-decoration:underline;
				}
	
		#footer-menu {
			width:100%;
			}
			
			#footer-menu ul {
				width:100%;
				margin:0; padding:0;
				list-style:none;
				text-align:center;
				}
				
				#footer-menu li {
					margin:0; padding:0;
					display:inline;
					}
					
					#footer-menu li a {
						padding:0 7px 0 8px;
						color:#666;
						text-decoration:none;
						font-size:12px;
						}
						
						#footer-menu li a:hover {
							color:#132545;
							text-decoration:underline;
							}
							
/* forms */
							
form {
	width: 100%;
	margin: 0 0 20px 0; padding: 0;
	clear: both;
	}

	fieldset {
		margin: 0 0 10px 0 !important; padding: 10px;
		border: 1px solid #eee;
		}

	.compact fieldset {
		margin: 0 0 10px 0; padding: 0 0 10px 0;
		border: none; border-bottom: 1px solid #CFC9A8;
		}

		legend {
			display: none;
			}

		.inline-labels .fieldgroup, .fieldgroup label {
			display: block;
			float: left;
			margin: 0 0 5px 0;
			width: 49%;
			}

		.fieldgroup.extended label {
			width: 100%;
			}

			 .prelabel, .inline-labels .prelabel {
				width: 32%;
				float: left;
				padding: 2px 0;
				}

			.fieldgroup input, .fieldgroup textarea, .fieldgroup select {
				float: left;
				width: 62%;
				margin: 0; padding: 0;
				}
			
			.fieldgroup.extended input, .fieldgroup.extended textarea, .fieldgroup.extended select {
				float: left;
				width: 95%;
				margin: 0; padding: 0;
				}

.fieldgroup {
	width: 100%;
	float: left;
	padding: 0;
	}

.tip {
	clear: left;
	margin: 0 0 10px 0; color: #666;
	font-size: 85%;
	}

label em, .required {
	color: red;
	}

.legend {
	color: #666;
	margin: 0 0 10px 0; padding: 0;
	background: #fff;
	}

.grplabel {
	float: none !important;
	font-weight: bold;
	clear: both;
	display: block !important;
	width: auto;
	}

.toggle .grplabel {
	margin: 0; padding: 0 0 10px 0;
	}

.fieldgroup .set input, .fieldgroup .set select {
	width: auto;
	margin-right: 5px;
	}

.block-labels .fieldgroup label {
	margin: 0 0 5px 0;
	}

	.block-labels .prelabel, .extended .prelabel {
		display: block;
		width: 100%;
		float: none;
		padding: 0 0 1px 0;
		}

	.block-labels input, .block-labels textarea, .block-labels select {
		width: 95%;
		}

.block-labels .tip {
	margin: 0 0 10px 0;
	}

.toggle {
	padding: 10px 0;
	}

.toggle input, .toggle select {
	float: none;
	width: auto;
	}

.toggle label {
	float: none;
	display: inline;
	width: auto;
	margin-right: 5px;
	}

	.block-labels .toggle label {
		display: block;
		}


/* Quick Login Form */

form#quick-login {
	}
	
	form#quick-login .fieldgroup {
		width:368px;
		margin: 0 -3px 0 0;
		}
	
	form#quick-login label {
		width:184px;
		margin:0; padding:0;
		float:left;
		}
		
		form#quick-login label span.pretext {
			display:none;
			}
			
		form#quick-login label input {
			width:166px;
			margin:2px 3px 0 0; padding:1px 5px;
			border:none;
			background:none !important;
			}
			
	form#quick-login button {
		width:86px; height:24px;
		display:block;
		background:url(../../img/gbl/btn-login-bg.jpg) no-repeat 0 0;
		text-indent:-999em;
		border:none;
		}
		
		form#quick-login button:hover {
			background-position:0 -24px;
			cursor:pointer !important;
			}