* html body{
		  overflow:hidden;
		 } 
		
		 * html {
		  height:100%;
		  overflow:auto;
		 }
		
		/*body {margin: 25px 5px;}*/
		body {
		  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
		  font-size: 11px;
			margin:0;
			padding:0 0 55px 0;
		  text-align: left; }
		  
		a[icon ^="out"] {
		   padding-right: 20px;
		   background: transparent url(http://www.hunlock.com/images/external.gif) no-repeat center right;
		}
		
		#infoContent a {color: #3b5998; text-decoration:none;outline:none;padding-left:5px; padding-top:5px; padding-bottom:5px;}
		#infoContent a:hover {text-decoration:underline;}
		
		h1, h2, h3, h4, h5 {
		  font-size: 14px;
		  color: #333;
		  margin: 0px;
		  padding: 0px; }
		
		h1 {
		  font-size: 18px;
		  color: #3B5998;
		  width: 600px;
		   }
		
		h4, h5 {
		  font-size: 13px; 
		}
		  
		h5 {
			font-weight: normal;
			line-height:1.25em;
			width: 550px;
		}
		
		/*
		.left {float: left;}
		.right {float: right;}
		*/

		#header {margin:0 0 25px 0;}
		#infoContent {width: 698px;padding:10px 20px 10px 20px;line-height:2.25em;}
		#frmWrapper {width: 737px;margin:0 auto;padding:10px;background:#fff;border:1px solid #e0e0e0;}
		#frm {float: left;width: 375px;margin-bottom:20px;padding:0 20px 0 20px;border-right:1px solid #CDD3DA;}
		#frmNew {min-height:250px;}
		#frmRet {float:left;width: 275px;margin:0 0 20px 20px;padding-left:10px;}
		#frmAction {float: left;width: 342px;margin-bottom:20px;padding:20px;height:300px;background-color:#f2f5f9;}
		
		.returnPanel {padding: 5px;background-color:#EFEFEF; height:250px;border-right:15px solid #fff;}
		select {
		  border: 1px solid #bdc7d8;
		  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
		  font-size: 11px;
		  padding: 3px;
		  width: 191px;
		}
				
		.inputtext,
		.inputpassword {
		  border: 1px solid #bdc7d8;
		  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
		  font-size: 11px;
		  padding: 3px; 
		  height: 16px;
		  }

		textarea {
		  border: 1px solid #bdc7d8;
		  padding: 3px;
		  font-size: 11px;
		  font-family: "lucida grande", tahoma, verdana, arial, sans-serif; }
		
		/*
		h2{	font-size: 11px;font-weight: normal; FONT-FAMILY: tahoma, verdana, arial, sans-serif;;COLOR: #3B5998;font-size: 17px;MARGIN-BOTTOM: 3px;margin-top:0px;line-height: 20px}
		h3{	font-size: 11px;FONT-FAMILY:tahoma, verdana, arial, sans-serif;;COLOR: #999999;font-size: 12px;MARGIN-BOTTOM: 3px;margin-top:0px;line-height: 20px}
		*/
		#header{
			width:737px !important;
			height: 75px;
			margin:0 auto;
			margin-bottom:20px;
			margin-top: 15px;
		}
		
		#header-logo{
			float:left;
		}
		
		#schedule{
			float:left;
			width: 500px; /*248*/
			height: 52px;
			padding:8px;
			margin:10px 0 0 0;
			text-align:center;
			background-color:#cfcfcf;
			line-height: 1.5em;
			border: 1px solid #c0c0c0;
		}
				
		#schedule.expired {
			background-color: #f6f4d5;
			border: 3px solid #e3c754;
		}
		
		#eventCountdown, #eventDate {
			font-size:14px;
			font-weight: bold;
			color: #333333;
			margin:6px 0 0 0;
		}
		
		#schedule #eventReminder { padding:5px 0;}
		
		
		.contentDefault {font-size: 11px;FONT-FAMILY: tahoma, verdana, arial, sans-serif;, sans-serif;color: #000000;}
		
		
		ol.cf-ol {
			margin:0 !important;
			padding:0 !important;
		}
		
		ol.cf-ol li {
			-moz-background-clip:border !important;
			-moz-background-inline-policy:continuous !important;
			-moz-background-origin:padding !important;
			background:transparent none repeat scroll 0 0 !important;
			list-style-image:none !important;
			list-style-position:outside !important;
			list-style-type:none !important;
			margin:2px 0 !important;
			padding:0;
			text-align:left;
		}
		
		ol.cf-ol li.terms {
			text-align:center;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
		#frmNew label {
			-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			-x-system-font:none;
			background:#F7F7F7 none repeat scroll 0 50%;
			color:#000000;
			display:inline-block;
			/*
			font-family:Arial;
			font-size:12px;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			*/
			line-height:normal;
			margin:0 10px 0 0;
			padding:5px;
			vertical-align:top;
			width:160px;
		}
		
		#frmNew label span {
			display:block;
			width:140px;
		}
		
		#frmNew .options {
			display: -moz-inline-stack;
			display:inline-block;
			width:180px;
			zoom: 1;
			*display: inline;
		}
				
		dt, dd {height: 35px;}
			
		dt {
		float: left;
		/*clear: left;*/
		font-weight: normal;
		width: 100px;
		}
				
		dt.check-label {
		padding:10px 0;
		width: auto;
		height:auto;
		}
	
		dd {
			width: 270px;
			text-align:center;
		}
		
		dd.check-ele {
			padding:0 0 0 15px;
			margin:0;
			text-align:left;
			/*white-space:nowrap;*/
			/*overflow:hidden;*/
			width: 325px;
			height:auto;
			float:left;
		}
		
		.formButton
		{
			color: #ffffff;
			font-size: 10px;
			background-color: #3B5998;
			border: 0px;
			padding: 4px;
			margin-left:3px;
			font-family: tahoma, verdana, arial, sans-serif;;
			text-transform: uppercase;
			cursor:pointer;
		}
		
		.inputbutton,
		.inputsubmit {
		  padding: 2px 15px 3px 15px;
		  border-style: solid;
		  border-top-width: 1px;
		  border-left-width: 1px;
		  border-bottom-width: 1px;
		  border-right-width: 1px;
		  border-top-color: #D9DFEA;
		  border-left-color: #D9DFEA;
		  border-bottom-color: #0e1f5b;
		  border-right-color: #0e1f5b;
		  background-color: #3b5998;
		  color: #FFFFFF;
		  font-size: 11px;
		  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
		  text-align: center; 
		  }
		/*
		A:link { color: #001275 }      
		A:visited { color: #001275 }   
		A:active { color: #009966}    
		A:hover{ color: #BB5111 }
		*/
		#footer{
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			height:10px;
			padding: 10px;
			background:url(/images/bg-footer-bar.png) top left repeat-x #ccc;
			border-top:1px solid #999;
			z-index:9999;
		 }
		
		#footer-content{
			width:680px !important;
			margin: 0 auto;
		}
		
		#footer-content{
			text-align:right;
			padding:0 10px 0 0;
		}
		
		 @media screen{
		  body>div#footer{
		   position: fixed;
		  }
		 }
		 
		.menu-alert { background:#ffebe8  none repeat scroll 0 0; border:1px solid #dd3c10; padding:5px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; width: 330; } 
		.menu-alert h3 { margin-bottom:10px; padding:5px 0 0 5px; font-size:13px; }
		.menu-alert ul { color:#333333; padding:0 10px 5px; } 
		.menu-alert li { font-weight:bold; list-style-image:none; list-style-position:inside; list-style-type:square; padding:0 0 5px; } 
		.menu-alert .descrip { color:#444444; font-weight:normal; padding:3px 0 0 15px; } 

		 
		.menu { background:#F7F7F7 none repeat scroll 0 0; border:1px solid #BDC7D8; padding:5px; margin-bottom:15px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; width: 330; } 
		/*.menu {padding:5px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; width: 330; }*/
		.menu h3 { margin-bottom:10px; padding:5px 0 0 5px; font-size:13px; } 
		.menu ul { color:#3B5998; padding:0 10px 5px; } 
		.menu li { font-weight:bold; list-style-image:none; list-style-position:inside; list-style-type:square; padding:0 0 5px; } 
		.menu .descrip { color:#444444; font-weight:normal; padding:3px 0 0 15px; } 
		.menu a {color: #3b5998; text-decoration:none;}
		.menu a:hover {text-decoration:underline;}
		
		
		.submit input,
		.button,
		.button-primary,
		.button-secondary,
		.button-highlighted,
		#postcustomstuff .submit input {
			font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
			text-decoration: none;
			font-size: 11px !important;
			line-height: 16px;
			padding: 2px 8px;
			cursor: pointer;
			border-width: 1px;
			border-style: solid;
			-moz-border-radius: 11px;
			-khtml-border-radius: 11px;
			-webkit-border-radius: 11px;
			border-radius: 11px;
			-moz-box-sizing: content-box;
			-webkit-box-sizing: content-box;
			-khtml-box-sizing: content-box;
			box-sizing: content-box;
			border-color:#999999;
			color:#333333;
		}
		
		a.button,
		a.button-primary,
		a.button-secondary {
			line-height: 1.2em;
			-webkit-border-radius: 10px;
			padding: 4px 10px;
		}
		
		a.button:hover,
		a.button-primary:hover,
		a.button-secondary:hover {
			border-color:#666666;
			color:#000000;
			
		}

		/* MODAL: =modal
		-----------------------------------------------------------------------------------------*/
		.jqmOverlay { background-color: #000; }
		.modal {
			background: url(/images/blank.gif) 0 bottom no-repeat;
			display: none;
			left: 50%;
			margin-top: 55px;
			margin-left: -253px;
			padding-bottom: 14px;
			position: fixed;
			width: 460px;
			z-index: 200;
		}
		.modal div {
			background: url(/images/blank.gif) 0 top no-repeat;
			padding: 23px 31px 8px 31px;
		}
		.modal a.close {
			position: absolute;
			right: 35px;
			top: 10px;
			outline:none;
		}
		.modal p {
			color: #66645e;
			font-size: 1.2em;
			line-height: 1.4em;
			margin-bottom: 17px;
		}
		.modal h2 {
			color: #353431;
			font-size: 1.6em;
			margin-bottom: 9px;
			padding: 7px 0 4px 35px;
		}
		
		.modal img {border:none;}
		
		/* SIGN IN */
		#sign_in  h2 { background: url(/images/modal/avatar.png) 0 50% no-repeat; }
		#sign_in .buttons p { margin-bottom: 0; }
		#sign_in .buttons a.close {
			position: relative;
			right: 0;
			top: 0;
		}
		
		#sign_in form fieldset {
			border: none;
			border-collapse: collapse;
		}
		#sign_in form fieldset.inputs { border-bottom: 1px solid #e8e8e8; }
		#sign_in form fieldset.buttons {
			border-top: 1px solid #fdfdfd;
			padding-top: 10px;
			overflow: hidden;
		}
		#sign_in form label {
			color: #666;
			display: block;
			font-weight: bold;
			float: left;
			padding: 6px 10px 0 0;
			text-align: right;
			width: 77px;
		}
		#sign_in .keeper label {
			color: #666;
			display: inline;
			float: none;
		}
		#sign_in form input { vertical-align: middle; }
		#sign_in form input.text {
			color: #333;
			font-size: 1em;
			font-weight: bold;
			height: 15px;
			padding: 5px 6px;
		}
		#sign_in form input#email,
		#sign_in form input#password { width: 241px; }
		#sign_in form input#site { width: 201px; }
		#sign_in form input#email.error,
		#sign_in form input#password.error {
			padding-right: 61px;
			background: #fff url(/images/modal/required.png) no-repeat 197px 6px;
			width: 186px;
		}
		#sign_in form input#site.error {
			padding-right: 61px;
			background: #fff url(/images/modal/required.png) no-repeat 157px 6px;
			width: 146px;
		}
		#sign_in input.text.dim {
			color: #999;
			font-weight: bold;
		}
		#sign_in a.forgot {
			color: #adacac;
			font-size: 0.8em;
			font-weight: bold;
			padding-left: 5px;
			text-decoration: none;
		}
		#sign_in a.forgot:hover { color: #7a7979; }
		#sign_in .note {
			color: #66645e;
			display: block;
			font-size: 0.9em;
			margin-left: 87px;
			padding-top: 2px;
		}
		#sign_in .url { font-weight: bold; }
		#sign_in .keeper {
			font-size: 0.9em;
			font-weight: bold;
			margin: 0 13px 0 70px;
		}
		#sign_in .cancel,
		#sign_in .sign_in { vertical-align: middle; }

	
		/* OVERLAY */
		
		/*
		.boxy-wrapper .title-bar {background-color: eeeeee;}
		.boxy-wrapper .title-bar h2 {color:#333333;font-weight:bold;}
		.boxy-wrapper .title-bar .close {color:#efefef;background: url(http://www.webcastgroup.com/ui/images/boxy-close.png) top right no-repeat;}*/
		
		.boxy-wrapper .title-bar {background-color: #ECEFF6;border-bottom:1px solid #D4DAE8;margin-bottom:10px;height:25px;padding:12px 0 0 10px;}
		.boxy-wrapper .title-bar h2 {color:#333333;font-weight:bold;font-size:14px;}
		.boxy-wrapper .title-bar .close {background-image:url(http://www.webcastgroup.com/ui/images/boxy-close.png) top right no-repeat;}

		.boxy-wrapper .left, .boxy-wrapper .right {
			background-color:black;
			margin:0;
			/*opacity:0.6;*/
			padding:0;
			width:8px;
		}
		
		#EventSummary {display:none;}
		#EventSummary .content {width:450px;overflow:auto;margin:0 25px 0 25px;padding:15px;line-height:175%;}
		#EventSummary .content img {float:right;border:1px solid #cccccc; padding:3px;margin:8px;}