﻿/* IMPORTANT NOTE: 
When changing the size of heights of elements for sysmex (eg. the height of the footer, or distance between rows etc)
Make sure you update the javascript file with the new heights and sizes as well.
*/

input
{
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

.loginPanel input
{
	width: 75px;
}

#loginpanel_username, #loginpanel_password
{
	width: 150px;
}

.clearBorderAndBackground
{
	border: none;
	background-color: Transparent;
}



/* YUI MENU BAR STYLES */
.outerFrame .yui-skin-sam .yuimenubar
{
	background-position: none;
	background: none;
	border: none;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.outerFrame .yui-skin-sam .yuimenubaritemlabel
{
	color: #005BAC;
	cursor: pointer;
}

.outerFrame .yui-skin-sam .yuimenubaritemlabel-selected
{
	color: #00A44F;
	cursor: pointer;
}


.outerFrame .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu,.outerFrame .yui-skin-sam .yuimenubaritem-hassubmenu-selected,.outerFrame .yui-skin-sam .yuimenubaritem-selected,.outerFrame .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel
{
	background: none;
	border:none;
	margin-left: 0;
}

.outerFrame .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel
{
	padding-right: 30px;
}

.outerFrame .yui-skin-sam .yuimenubaritemlabel
{
	border-style: none;
}

.outerFrame .yui-skin-sam .yuimenubarnav .yuimenubaritem
{
	border: none;
}

/* YUI MENU ITEM STYLES */

.outerFrame .yui-skin-sam .yuimenu .bd
{
	background-color: Transparent;
	background-image:url(../../CrusherNetAdmin/pix.gif);
	border: none;
}

.outerFrame .yui-skin-sam .yuimenuitem {
	background: transparent url(../background/listBackground.png) repeat-x scroll left top;
	margin-bottom: 3px; /*if you change the bottom margin - you need to change the templates for the 3rd & 4th menu headers */
	margin-top: 0;
	display: block;
}

.outerFrame .yui-skin-sam .yuimenuitem-selected
{
	background: none;
	background-color: #00A44F;
}

.outerFrame .yui-skin-sam .yuimenuitemlabel
{
	color: #005BAC;
	cursor: pointer;
	/*text-transform: capitalize;  removed Chris 7/4/2011 */
	text-transform: none; /* 'none' is needed to prevent inheriting the ucase from the top menu Chris 7/4/2011 */
	display:block;  /* display: block displays the list horizontally */
	padding: 0 10px;
}

.outerFrame .yui-skin-sam .yuimenuitemlabel-selected
{
	color: #FFF;
	padding: 0 10px;
}

/* SIDE_MENU YUI MENU */

.yuimenubar li.sidemenu
{
	list-style-type: 
}

/* nogap removes the vertical spacing 
*/
/*
.outerFrame .yui-skin-sam .nogap {
	margin-bottom: 0px;
	border: none;
	padding-top: 0px;
}
*/
.outerFrame .yui-skin-sam  a.yuimenuitemlabel.sidemenu {
	display: list-item;
	padding-left: 0px;  /* padding messes with the sideways transition from one menu to another */
	padding-right: 10px; 	
}

.outerFrame .yui-skin-sam  li.yuimenubaritem.sidemenu {
	width: 100%;	/* stop the top level from scrolling */
}

.outerFrame .yui-skin-sam  a.yuimenubaritemlabel.sidemenu
{
	padding-right: 0px;		/* padding messes with the sideways transition from one menu to another */
	padding-left: 0px;
}


/* STYLES FOR FOOTER NAVIGATION BAR */

.footer, .footer a
{
	color: #FFF;
	/*cursor: pointer;*/
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.footer a:hover
{
	color: #005BAC;
}

.footer .yuimenubaritemlabel
{
	color: #FFF;
	cursor: pointer;
	display:block;
	padding-right: 10px;
	border: none;
}

.footer .yuimenubaritemlabel-nolink
{
	color: #FFF;
	display:block;
	cursor:default;
	padding-right: 10px;
	border: none;
}

.footer .yuimenubaritemlabel-selected
{
	color: #005BAC;
}

.footer .yuimenubarnav .yuimenubaritemlabel
{
	padding-right: 15px;
}





/* SEARCH AREA */
.topArea .searchContainer input
{
	border: none;
	float: left;
	margin: 10px 0 0 2px;
	height: 20px;
}

#SearchWords
{
	background: transparent url(../icons/search.jpg) no-repeat scroll left top;
	width: 150px;
	padding: 1px 0 1px 5px;
	font-size: 12px;
	color: #808080;
}

#SearchSubmitBtn
{
	background: transparent url(../icons/arrow.jpg) no-repeat scroll left top;
	width: 20px;
}




.tableFormSubmission input
{
	margin: 1px 6px;
}


.wideInput
{
	width: 230px;
	height: 20px;
	padding: 0 5px 0 5px;
	border: none;
	background: transparent url(../icons/Input.gif) no-repeat scroll left top;
}

#campaignSubscribe .submitBtn
{
	border: none;
	height: 20px;
	width: 50px;
	cursor: pointer;
	background: transparent url(../icons/Submit.gif) no-repeat scroll left top;
}

#campaignSubscribe .submitBtn:hover
{
	background: transparent url(../icons/Submit_mouseover.gif) no-repeat scroll left top;
}





/* STYLES FOR THE SIDE MENU NAVIGATION */
#sideMenuHeader ul li
{
	list-style: none;
	/*text-transform:uppercase;*/
	padding: 3px 0px 3px 10px;
	clear:both;
	float:none;
}

#sideMenuHeader ul li li
{
	/*text-transform: capitalize;*/
	padding-left: 10px;
}

#sideMenuHeader .sideLabel
{
	font-weight: bold;
	float: left;
}

#sideMenuHeader .sideSubLabel
{
	font-weight: bold;
	float: left;
}

#sideMenuHeader a, #sideMenuHeader a:hover
{
	text-decoration: none;
}

#sideMenuHeader a.selected, #sideMenuHeader a:hover
{
	margin-left: 0px;
	padding-left: 0px;
	font-weight: bold;
	color: #009944;
}

#sideMenuHeader .hidden
{
	display: none;
}

.outerFrame
{
	padding-bottom: 40px;
	background: transparent url(../background/footer.jpg) no-repeat scroll left bottom;
}


a:hover img
{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

