/* ----------------------------------
	Design by  Kriya Design Ltd.
	http://kriyadesign.net
	----------------------------------
	Name			:	Corporate Grapevine
	Description	:	CSS Stylesheet for all tabs + side-elements .
*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

.tabberlive { margin-top:1em;}

/*	INFORMATION TAB	:	.tabber#infoTab {} */

	/* ----------- NAVIGATION/ACTIVE TAB ---------- */
	#infoTab ul.tabbernav{
		padding: .45em 10%;  /*centering of tab, should be same as li a*/
		/* border-bottom: 1px solid #193938; */
		font: normal 1.8em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	}
		#infoTab .tabbernav li{
			list-style:none;
			display:inline;
		}
		#infoTab .tabbernav a{
			padding: .45em 1.8em; /*	height/width of tab header,should be same as tabbernav	*/
			background: #D2D8D8;
			text-decoration: none;
			margin-left:1em;

			-moz-border-radius-topleft:1ex;
			-moz-border-radius-topright:1ex;
			-webkit-border-top-left-radius:1ex;
			-webkit-border-top-right-radius:1ex;
		}
		#infoTab .tabbernav a:link { color: #000; }
		#infoTab .tabbernav a:visited { color: #000; }
		#infoTab .tabbernav a:hover{
			color:#FFF;
			background-color: #2A5E5C;
		}
		#infoTab .tabbernav .tabberactive a{
			color:#fff;
			background-color: #2A5E5C;
		}

	/* ----------- TAB CONTENT ---------- */
	#infoTab .tabbertab {
		position:relative;
		color:#FFF;
		background-color: #2A5E5C;
		margin-left: 1.5em;
		height: 27.8em;
		overflow: auto;
		
		-moz-border-radius-topleft:2ex;
		-moz-border-radius-topright:2ex;
		-webkit-border-top-left-radius:2ex;
		-webkit-border-top-right-radius:2ex;

	}

	#infoTab .tabbertab h2 {
		margin:1.5em 0 0 1em;
		text-align:center;
	}
		#infoTab .tabbertab h2 span{
			padding:.2em 1em;
			background-color:#7B9B9A;
			-moz-border-radius:1ex;
			-webkit-border-radius:1ex;
		}


	#infoTab .tabbertab p{
		padding: 1.5em 1em;
		font-size:1.45em;
		line-height:1.3em;
		letter-spacing:.04px;
	}

		#infoTab .tabbertab img.content{
			/* border: 1px solid red; */
			margin: .4em 1.5em;
		}
		#infoTab .tabbertab content{
			/* border: 1px solid black; */
		}
		#infoTab .tabbertab img.button{
			/* border: 1px solid red; */
			position:absolute;
			bottom: 1.5em;
			right: 2em;
		}



/*	LOGIN TAB	:	.tabber#loginTab {} */

	/* ----------- NAVIGATION/ACTIVE TAB ---------- */
	#loginTab ul.tabbernav{
		padding: .45em 0;  /*centering of tab, should be same as li a*/
		/* border-bottom: 1px solid #193938; */
		font: normal 1.7em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	}
		#loginTab .tabbernav li{
			list-style:none;
			display:inline;
		}
			#loginTab .tabbernav a{
				padding: .45em 1.17em; /*	height/width of tab header,should be same as tabbernav	*/
				/* background: #B5C2B8; */
				background: #D2D8D8;
				text-decoration: none;
				margin-right:.5em;
				-moz-border-radius-topleft:1ex;
				-moz-border-radius-topright:1ex;
				-webkit-border-top-left-radius:1ex;
				-webkit-border-top-right-radius:1ex;
			}
			#loginTab .tabbernav a:link { color: #000; }
			#loginTab .tabbernav a:visited { color: #000; }
			#loginTab .tabbernav a:hover{
				background-color: #87A0A4;
			}
			#loginTab .tabbernav .tabberactive a{
				background-color: #87A0A4;
			}

	/* ----------- TAB CONTENT ---------- */
	#loginTab .tabbertab {
		background:#587980 url("../images/login_bg.jpg") top repeat-x;
		position:relative;
		margin-right: 1em;
		height: 28em;
		overflow: auto;
		width:190px;
	}
	#loginTab .tabbertab h2 {
		margin:0 auto;
		text-align: center;
		margin-top:1.2em;
		margin-bottom:.4em;
	}
	#loginTab .tabbertab .underline{
		border-bottom: 1px solid #193938;
		margin:0 auto;
		margin-top:-.8em;
		width:80%;
	}
	#loginTab fieldset ol{}		
			#loginForm fieldset li label,
			#signupForm fieldset li label{
				float: left;
				margin-bottom:.5em;
				padding: 0.5em 0 0 1.2em;
				font-size:1.4em;
			}		
			#signupForm fieldset li label{
				font-size:1.2em;
			}
			
			#loginForm fieldset li input,
			#signupForm fieldset li input {
				float:right;
				width:83%;
				border-style:none;
				margin:0 1em;
				height:1.6em;
				padding:0.3em 0 0 .2em;
			}
			#signupForm fieldset li input{
				padding:.2em 0 0 .2em;
				height:1.4em;
			}
			#signupForm fieldset li{ margin-top:.7em; }


	#loginbutton-panel{
		margin-top: 2.8em;
		float:right;
		width:100%;
	}
		#remember{
			font-size:1.14em;
			float:left;
			margin-left:1.2em;
		}
		#loginbutton{
			float:right;
			margin-right:1em;
		}
		a#forgotPassword:hover{
			text-decoration: underline;
		}
		#forgotPassword{
			font-size:1.1em;
			float:right;
			margin:1.5em 1em 0 0;
		}

		#signup-panel{
			float:right;
			margin: 1em 1em 0 0;
		}

		/* ----------- TOP Naviagtion bar for Inner pages ---------- */
		#nav-bar {
			float: right;
			width: 65%;
			font-size:1.3em;		}
			#nav-bar li {
				float: right;
				border-right:1px solid #111;
				display: block;
			}
				#nav-bar li:first-child { border-right:none; }
					#nav-bar li a{
						display: block;
						padding: .4em .6em;
					}
						#nav-bar li a:hover{	
							background-color: #CAC6C7;
						}

		#nav-bar li.headlink {
			position: relative;
		}
		#nav-bar li.headlink ul { 
			display: none;
			position: absolute; 
			top: 1.8em;
			left: -3.0em;
			z-index: 5;
			width: 100px;
			background-color: #CAC6C7;
			padding-right: 2em;
		}
		#nav-bar li.headlink:hover ul { display: block;}
		#nav-bar li.headlink li { 
			border: none;
			margin: 0.3em 0 ;
			float: right; 
		}
		#nav-bar li.headlink li a { background-color: #CAC6C7;  }
		#nav-bar li.headlink li a:hover { background: #787878; }
		/* MYSTERY IE6 BUG:
			A background must be declared on the li a, else when a sub-menu stretches further (vertically) than the main menu itself, the links start to disappear before you have time to click them. Strange! Try it to see for yourself. */

		/* ----------- BREADCRUMB ---------- */
		#bread-crumb {
			background-color: #3A7371;
			color: #FFF;
			font-size: 1.3em;
			height: 2em;
			clear: both;
		}
		#bread-crumb li {
			float: left;
			line-height: 2em;
			padding-left: .5em ;
		}
		#bread-crumb li a {
			display:block;
			background:url("../images/Bookmark_arrow2.jpg") no-repeat right center;
			padding-right: 1.8em;
		}
		#bread-crumb li a:hover {
			color: #000;
		}	

	/* ----------- INNERPAGE BUTTONS ---------- */
	#button-box {
		min-height: 19em;
		margin-bottom: 2em;
	}

	.button-box .cg-button { margin: 0 0.8em;}
	.button-box .cg-button-small { margin-right: 0.8em ;  font-size: 1.2em; }

	.cg-button, .cg-button-small, .cg-button-smaller {
		display: block;
		background: url("../images/ui/button_gradient.jpg") top repeat-x;
		width: 105px;
		border: 1px #A5A5A5 outset;
		margin-bottom: 1em;
		cursor:pointer;
		padding: 1em 0;
		font-size: 1.22em;
		text-align: center;
		color: #111111 ;
	}
	
	a.cg-button-small, select.cg-button-small, a.cg-button-smaller {
		/* border: 1px solid red; */ 
		cursor:pointer;
		width: 90px;
		margin: 0 0.2em;
		padding: 0.5em;
		color: #000;
		font-size: 1.2em;
	
	}
	a.cg-button-small-disable{
		border: 1px #A5A5A5 outset;
		background: url("../images/ui/button_gradient.jpg") top repeat-x;
		cursor:text;
		width: 90px;
		margin: 0 0.2em;
		padding: 0.5em;
		color:#999999;
		text-align: center;
		font-size: 1.2em;
	}
	a.cg-button-small-disable:hover{
		text-decoration:none;
	}
	
	h4 a.cg-button-small	{
		height:10px; padding-top:5px;
		font-size:12px;
		font-weight:normal;
	}
	a.cg-button-smaller { font-size: 1.22em; width: 70px }
	.cg-button:hover, .cg-button-small:hover, .cg-button-smaller:hover {
		background: url("../images/ui/button_gradient_hover.jpg") top repeat-x;
		border-style: inset;
	}
	.public-forum-post-content a.cg-button-smaller { font-size: 1em; padding: 0.1em; }
	.public-forum-post-content a.cg-button-smaller img { width: 16px; padding-top: 0.1em }
	#manage-company-table .cg-button-small{ width: 5em; margin-left:0.5em; font-size: 0.8em; }

/*Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered list http://scottdarby.com/
	Copyright (c) 2009 Scott Darby
	Requires: jQuery 1.3 or newer
	Dual licensed under the MIT and GPL licenses. */
/*==================================
Hide lists on page load
====================================*/
.stylish-select ul.newList {left:-9999px;}
#modified-select-dropdown .newListSelected {	 color:#000; text-align:center; }
#modified-select-dropdown { color: #000; padding: 0.3em 0; }


.selectedTxt {
	background-image: url("../images/ui/dropdown.gif");
	background-position: 94% 50%;
	background-repeat: no-repeat;
	padding: 0.3em 0; }
.newList { background-color:#FFF;  padding: 0.5em 0 0.1em 0; }
.newList li { margin-bottom: 1em;}