@charset "utf-8";
/* CSS Document */

body
{
	margin: 0;
	padding: 0;
	background-color: #fff;
	font:12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.clearBoth
{
	clear: both;
}


/******************************************PREFERENCES WINDOW******************************************/
.preferencesWindowWrapper
{
	background-color:#ffffff;
	border-width:1px;
	border-color:#cccccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
	
	background-image: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f8f8f8), to(#f2f2f2));
	background-image: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f2f2f2');
	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f2f2f2')";
	
	background-image: linear-gradient(top, #f8f8f8, #f2f2f2);
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	*border:1px solid #939393;
	position:relative;
	margin:50px 0 0 50px; /*JUST TO HOLD IT IN PLACE -- DELETE THIS STYLE WHEN IMPLEMENTING CODE*/
}

/******************************************CLOSE BUTTON******************************************/

.closeButtonPlacement
{
	position:absolute;
	top:-16px;
	right:-16px;
	*top:0px;
	*right:0px;
}

/******************************************TEXT TREATMENTS******************************************/

.modalTextHeader
{
	color:#35608c;
	font-size:18px;
	font-weight:bold;
	margin:7px 0 0 12px;
	position:absolute;	
}

.prefFormBody
{
	margin: 40px 0 0 50px;
	font-size:13px;
	color:#545454;	
}

form input.textInputStyle

{
	border:1px solid #ccc;
	-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	 box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	 border-radius:3px;
	width:196px;
	height:26px;
	padding:0 0 0 10px;	
	margin:2px 0 6px 0;
}

.prefPlacement
{
	margin:0 20px 0 0; 
	font-weight:bold;
	float:left;
}

.modalWindowBottom
{
	text-align:center;
/*	margin:40px 0 0 0;

	background-color:#ffffff;
	border-top:1px solid #ccc;
	
	-moz-box-shadow:inset 0px 1px #ffffff;
	-webkit-box-shadow:inset 0px 1px #ffffff;
	box-shadow:inset 0px 1px #ffffff;
	
	background-image: -moz-linear-gradient(top, #e9e9e9, #e1e1e1);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e9e9e9), to(#e1e1e1));
	background-image: -o-linear-gradient(top, #e9e9e9, #e1e1e1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#e1e1e1');
	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#e1e1e1')";
	
	background-image: linear-gradient(top, #e9e9e9, #e1e1e1);

	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
*/		
}

/******************************************CSS BUTTON STYLE******************************************/

.modalWindow_Button {
	-moz-box-shadow:inset 0px 1px 0px 0px #46688c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #46688c;
	box-shadow:inset 0px 1px 0px 0px #46688c;
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1a4570), color-stop(1, #0e3559) );
	background:-moz-linear-gradient( center top, #1a4570 5%, #0e3559 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a4570', endColorstr='#0e3559');
	background-color:#1a4570;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	border:1px solid #5f656b;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	padding:4px 24px;	
	text-decoration:none;
	text-shadow:0px -1px 0px #091a2b;
	
	margin: 40px 0;	/*THIS HOLDS THE BOTTOM GRADATION OF THE MODAL WINDOW OPEN*/
}

.prefFormBody input.error {
    border:1px solid #FF0000;
}

span.field_error, li.global_error {
    color: #FF0000;
}

.cancelTextButton a
{
	float:left;
	color:#979797;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin:6px 0 0 12px;
}

.mandatoryPortlet {
    color: #C6C6C6;
}

.selectOptionButtonWrapper
{
	margin:0 0 0 0;
	padding:100px 20px 0 0;
}

.Portlet_SelectOptionsStyle
{
	border:1px solid #e3e3e3;
	-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	height:240px;
	width:240px;	
	color:#6c6c6c;
	padding:4px 0 0 4px;	
	margin:0 0 0 0;	
}

.Portlet_IE_narrow_size_hack 
{
	*width: 236px; 
/*	*height: 210px; */
}

.Portlet_IE_wide_size_hack 
{
	*width: 477px;
/*	*height: 210px; */
}

.FPO-Inner-Wrapper
{
	border:1px solid #ccc;
	color:#5c5c5c;
	font-size:12px;
	height:176px;
	padding:10px;
	overflow: hidden;
	text-align:left;
	*height:193px;
}

.FPO-Left-Side
{
	float:left;
	width:278px;
}

.FPO-Right-Side
{
    float: right;
    margin: 10px 0 0 0;
    text-align: center;
    width: 150px;
}

.FPO-Header-Text
{
	font-size:20px;
	color:#373737;
	font-weight:bold;
}

.FPO-Body-Text
{
	font-size:12px;
	color: #373737;
	line-height:20px;
}

.FPO-Body-Text-Blue
{
	font-size:12px;
	color: #35608c;
	font-weight:bold;
	line-height:18px;	
}

.alertTextHeader
{
	color: #35608C;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 0 0;
	text-align: center;		
}

.alertBody
{
	color: #545454;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 20px;
	text-align: center;		
}

.alertWindowBottom
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align:center;
	padding-top:20px;

	background-color:#ffffff;
	border-top:1px solid #ccc;

	height:50px;

	-moz-box-shadow:inset 0px 1px #ffffff;
	-webkit-box-shadow:inset 0px 1px #ffffff;
	box-shadow:inset 0px 1px #ffffff;

	background-image: -moz-linear-gradient(top, #e9e9e9, #e1e1e1);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e9e9e9), to(#e1e1e1));
	background-image: -o-linear-gradient(top, #e9e9e9, #e1e1e1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#e1e1e1');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#e1e1e1')";

	background-image: linear-gradient(top, #e9e9e9, #e1e1e1);

	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
}

.comm-navbar
{
	background: #f0f0f0;
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #d8d8d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d8d8d8));
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#d8d8d8 100%);
	background: -o-linear-gradient(top,  #f0f0f0 0%,#d8d8d8 100%);
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#d8d8d8 100%);
	background: linear-gradient(to bottom,  #f0f0f0 0%,#d8d8d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d8d8d8',GradientType=0 );
	*background: #f0f0f0;

	border-bottom:1px solid #989898;
	
	-moz-box-shadow: 0px 1px #d5d5d5;
	-webkit-box-shadow: 0px 1px #d5d5d5;
	 box-shadow: 0px 1px #d5d5d5;
	 filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#d5d5d5');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#d5d5d5')";
	
	padding: 4px 0;	
}

.comm-navbar-wrapper
{
	width:960px;
	margin:0 auto;
}

ul.comm-navbar-list
{
	margin:0;
	padding:0;
}

ul.comm-navbar-list li
{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 10px 0 0;
}

ul li a, ul li.horz-div
{
	font-size:14px;
	font-weight:bold;
	color:#909090;
	text-decoration:none;
	text-shadow:0px 1px 0px #FFFFFF	
}

ul li a:hover
{
	color:#35608c;
}

/*******************************DROPDOWN STYLES***********************************/

.comm-dropdown-wrapper
{
	border: 1px solid #ccc;
	background: #fff;
	width: 272px;
	text-align: left;
	padding:1px;
	
	-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);
	 box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);
	 
	/*POSITION ONLY --- DELETE THIS*/
/*	margin: 0 0 0 50px;  */
}

ul.comm-dropdown-list
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 272px;
}

ul.comm-dropdown-list li a
{
	font-size:14px;
	font-weight:bold;
	color:#909090;
	text-decoration:none;
	text-shadow:0px 1px 0px #FFFFFF;

    display: block;
    padding: 12px 0 12px 12px;

	background: #f0f0f0;
	
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #fff;
}

ul.comm-dropdown-list li a.level-2
{
	font-size:12px;
	font-weight:bold;
	color:#909090;
	text-decoration:none;
	text-shadow:0px 1px 0px #FFFFFF;

    display:block;
    padding:12px 0 12px 24px;
}

ul.comm-dropdown-list li a.level-3
{
	font-size:12px;
	font-weight:bold;
	color:#909090;
	text-decoration:none;
	text-shadow:0px 1px 0px #FFFFFF;

    display:block;
    padding:12px 0 12px 44px;
}

ul.comm-dropdown-list li:first-child a
{
	border-top:none;
}

ul.comm-dropdown-list li:last-child a
{
	border-bottom:none;
}

ul.comm-dropdown-list li a:hover
{	
	background:#dcdcdc;
	color:#35608c;
}

.right-arrow-placement
{
    float: left;
    margin: 6px 5px 0 0;
}

.down-arrow-placement
{
    float:left;
    margin:6px 4px 0 -2px;
}