/* Elements */

body{
	margin-top:			5px;
	margin-left: 		10px;
	background-color:	#F0F0F0;
}

html,body {
	/*part 1 of 100% height hack*/
	height:				95%;
}

form {
	display:		inline;
}


p, ol, dl {
	margin-top:		0;
	margin-bottom:	.75em;
}

/********************************************************************
 * Left Menu
 *******************************************************************/

	#leftMenu{
		width:				150;
		border-right:	solid 	1px	#C5D4E3;
	}

	.topBar{
		background-color:		#F0F4F9;
		border-bottom:			solid 1px #C5D4E3;
		height:	5px;
	}

	/* Override all default margins and paddings */
	#leftMenu ul, #leftMenu li, #leftMenu div{
		margin:		0px;
		padding:	0px;
	}

	#leftMenu ul{
		list-style-type:	none;
	}

	#leftMenu li{
		/* Note: Setting width here causes an IE bug on bottom margins */

		white-space: nowrap;
	}

	/* Main category with background and border */
	#leftMenu li.category_level_0{
		background-color:	#F0F4F9;

		margin-top:			4px;

		border-top:			solid 1px #C5D4E3;
		border-bottom:		solid 1px #C5D4E3;
	}

	/* Set height for all items */
	#leftMenu div.categoryHeading{
		height:				22;
	}

	#leftMenu li.category_level_0 div.category_level_0 a{
		margin-top: 5px;
		display:block;
	}

	#leftMenu li.category_level_0 div.category_level_0{
		padding-left:10px;
	}

	#leftMenu ul.category_level_1{
		margin-top: 3px;
	}

	#leftMenu li.category_level_1{
		margin:0px;
		padding:0px;

  		/* Positioning */
  		padding-left:	30px;

		/* Bullet image */
  		background: 			url("csCoreImages/blue-arrow.gif") no-repeat 20px .5em;
	}
	/* Note: We must string the categories because IE isn't ANDing the classes correctly */
	#leftMenu li.category_level_0 li.category_level_1.selectedCategory{
  		background: 			url("csCoreImages/green-arrow.gif") no-repeat 20px .5em;;
	}

/* Common */

	/* Sub-arrow lists */
	table.subArrowimg, ul.subArrowImg{
	  	margin: 3px 0px 7px 10px;
  		padding:0px 0px 0px 0px;
	}

  	ul.subArrowImg {
  		list-style-type:none;
  	}

  	li.subArrowImg {
  		/* Positioning */
  		margin:					4px 0px 4px 0px;
  		padding:				2px 0px 2px 15px;
  		_padding: 				0px 0px 0px 15px;		/* IE has too much padding for these elements */

  		/* Bullet image */
  		background: 			url("csCoreimages/arrow-black.gif");
  		background-repeat:		no-repeat;
  		background-position:	0px .3em;
  		_background-position:	0px .4em;	/* IE Sucks, here is why:
  												CSS never works right */
  	}

  	table.subArrowImg {

  	}

  	td.subArrowImg {
  		/* Positioning */
  		padding:				10px 10px 10px 15px;

  		/* Bullet image */
  		background: 			url("csCoreimages/arrow-black.gif");
  		background-repeat:		no-repeat;
  		background-position:	0px 1em;
  		s_background-position:	0px .4em;	/* IE Sucks, here is why:
  												CSS never works right */
  	}

	/* Page headers */
	div.pageHeader{
		margin: 4px;
		padding-top: 2px;
	}

	.pageHeader img{
		padding: 1px;
		margin-right: 3px;
		width:11px;
		height:11px;
		vertical-align: middle;
		text-align:center;
		background-color: #003366;
	}

	/* Page body */
	.pageBody{
		margin: 15px;
	}

	/* Select boxes (to trasfer stuff) */
	select.transferable{
		height:250px;
		width:200px;
	}

	/* Search form header tables (Reseller tools, etc) */
	table.searchHeader{
		width: 100%;
		border-bottom: solid 1px #999999;
		padding-bottom: 10px;
	}

/* Specific pages */

	/* Main section CSS */
  	div.mainSection {
		border:		solid 1px #003366;
		width: 		700px;
		padding:	0px;
		margin: 	15px 0px 0px 0px;
  	}

  	.mainSection hr{
  		width: 				95%;
  		height:				1px;
  		padding:			0px;
  		border:				0;
  		background-color: 	#003366;
  		color: 				#003366;

  		/* Align left */
  		text-align: 		left; /* for IE */
  		margin: 			0 0 .75em 0;/* Margin left for Mozilla */
  	}

 	.mainSection div.mainSectionHeader {
  		background-color: 	#003366;
  		color: 				#FFFFFF;
  		margin:				0;
		padding: 			3px 5px 3px 5px;
  	}

	.mainSection div.mainSectionBody{
		margin:				0px 0px 0px 0px;
		padding:			10px 15px;
	}

	.embeddedIframe {
		width: 99%;
		height: 98%;
	}

	/* Dialogs */
	div.Dialogs_prompt {
		position: absolute;
		top: 0;
		left: 0;
		background: #FFFFFF;
		border: 1px solid #C5D4E3;
	}

	div.Dialogs_prompt .movable {
		cursor: move;
	}

	div.prompt_border {
		border: 1px solid #C5D4E3
	}

	div.Dialogs_prompt .titlebar {
		position: inherit;
		top: 0;
		left: 0;
		height: 24px;
		width: 100%;
		color: #FFFFFF;
		background-color: #003366;
		font-weight: bold;
		font-size: 8pt;
		border-bottom: 1px solid #C5D4E3;
	}

	div.Dialogs_prompt .titlebar p {
		margin: 5px 0 0 6px;
		white-space: nowrap;
		overflow: hidden;
		width: 90%;
		!firefox|text-overflow: ellipsis;
	}

	div.Dialogs_prompt .titlebar .btn_hover {
		background-color: #C90;
	}

	div.Dialogs_prompt .titlebar .close {
		position: absolute;
		right: 6px;
		top: 5px;
		width: 14px;
		height: 13px;
		font-size: 1px;
		background-image: url('csCoreimages/close.gif');
		cursor: pointer;
		border: 0;
	}

	div.Dialogs_prompt .titlebar .restore {
		position: relative;
		float: right;
		top: -13px;
		right: 6px;
		width: 14px;
		height: 13px;
		font-size: 1px;
		background-image: url('csCoreImages/Dialogs/maximize.gif');
		cursor: pointer;
		border: 0;
		display: none;
	}

	div.Dialogs_prompt .titlebar_dec {
		position: absolute;
		top: 24px;
		left: 0;
		width: 100%;
		height: 3px;
		font-size: 1px;
		border-bottom: 1px solid #C5D4E3;
		background: #F0F4F9;
	}

	div.Dialogs_prompt .content {
		position: absolute;
	}

	div.Dialogs_Error {
		position: absolute;
		background-color: #FFFFFF;
		width: 282px;
		height: 100px;
	}

	div.Dialogs_Error div.txt {
		background-image: url('/images/error.gif');
		background-repeat: no-repeat;
		height: 28px;
		margin: 18px;
		padding: 0 0 0 40px;
	}

	div.Dialogs_Error div.buttons {
		text-align: right;
		margin: 0 10px 10px 0;
	}

	div.Dialogs_Warning {
		position: absolute;
		background-color: #FFFFFF;
		width: 282px;
		height: 100px;
	}

	div.Dialogs_Warning div.txt {
		background-image: url('/images/alert.gif');
		background-repeat: no-repeat;
		height: 28px;
		margin: 18px;
		padding: 0 0 0 40px;
	}

	div.Dialogs_Warning div.buttons {
		text-align: right;
		margin: 0 10px 10px 0;
	}