.search-form {
    padding-top: 7px
}
.search-form .search-term, .search-form .search-button {
    font-size: inherit;
    vertical-align: top;
}
.search-form .search-term {
    width: 22em;
    height: 1.38462em;
    padding: 4px 2px 1px 2px;
}
.search-form .search-term:focus {
    border: 1px solid #1F82FE;
}
.search-form .search-button {
    height: 1.9231em;
}

.go-bar {
	margin-top: 5px;	
	margin-left: 4px;
}

.action-bar {
	margin-left: 135px;

}

.action-bar p {
	float: right;
	margin-right: 50px;
}


#loginform button{
	height: 1.9231em;	
	font-size: inherit;
    vertical-align: top;
    margin: 1px 0;
}

/* Buttons */
.sl-button {
    padding: 0 .5em;
    height: 1.9231em;
	font-size: 100%;
    border: 1px solid #AC0012;
    background: #f6f6f6;
	outline: 0;
    background-image: -moz-linear-gradient(top, #ffffff, #efefef);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#efefef);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF,  endColorStr=#EFEFEF)";
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
}
.sl-button-text {
    border-color: transparent;
    background: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    filter: none;
    -ms-filter: none}
.sl-button:hover, .sl-button:focus {
    border-color: #1F82FE;
    background: #f3f3f3;
    background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#ebebeb);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF,  endColorStr=#EBEBEB)";
}
.sl-button:active, .sl-button-active, .sl-button-active:hover, .sl-button-active:focus {
    border-color: #1F82FE;
    background: #ddd;
    background-image: -moz-linear-gradient(top, #cccccc, #ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc, endColorStr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC,  endColorStr=#FFFFFF)"}
.sl-button img {
    vertical-align: middle;
    font-size: 0}
.sl-button-arrowbutton {
    padding: 0 .3333em}
.sl-button-group {
    white-space: nowrap}
.sl-button-group .sl-button {
    border-right-style: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0}
.sl-button-group .start {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px}
.sl-button-group .sl-button-text.start {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0}
.sl-button-group .end {
    border-right-style: solid;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px}
.sl-button-group .sl-button-text.end {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0}
.sl-button-group:hover .sl-button, .sl-button-group-active .sl-button {
    border-color: #999}
.sl-button-arrow {
    width: 0;
    height: 0;
    border: 1px solid transparent;
    border-width: 5px 5px 0;
    border-top-color: #666;
    margin-top: -3px}
.sl-button.reverse .sl-button-arrow {
    border-width: 0 5px 5px;
    border-top-color: transparent;
    border-bottom-color: #666}
.sl-button:hover .sl-button-arrow, .sl-button:focus .sl-button-arrow {
    border-top-color: #333}
.sl-button.reverse:hover .sl-button-arrow, .sl-button.reverse:focus .sl-button-arrow {
    border-top-color: transparent;
    border-bottom-color: #333}
.sl-button:active .sl-button-arrow, .sl-button-active .sl-button-arrow {
    border-top-color: #333}
.sl-button.reverse:active .sl-button-arrow, .sl-button.reverse.sl-button-active .sl-button-arrow {
    border-top-color: transparent;
    border-bottom-color: #333}
.sl-button .sl-button-menu {
    display: none}
.sl-button-menu {
    position: absolute;
    z-index: 2147483647;
    background: #fff;
    border: 1px solid #999;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999}
.sl-button-menu .sl-button-menu-item {
    display: block;
    padding: .4166em .6666em;
    color: #000;
    background: #fff;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    cursor: hand}
.sl-button-menu .sl-button-menu-item:hover {
    background: #eaeaea}
ul.sl-button-menu {
    background: #ebebeb}
ul.sl-button-menu li {
    margin: 1px 0;
    padding: 0;
    list-style: none}
div.sl-button-menu>table {
    background: #ebebeb;
    border-collapse: separate;
    border-spacing: 1px}
.sl-button-primary {
    font-weight: bold;
    border-color: #a0b3d9;
    background: #ddeafc;
    background-image: -moz-linear-gradient(top, #f8fafd, #c3d5f1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8fafd), to(#c3d5f1));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f8fafd, endColorStr=#c3d5f1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F8FAFD,  endColorStr=#C3D5F1)"}
.sl-button-primary.sl-button-text {
    border-color: transparent;
    background: none}
.sl-button-primary:hover, .sl-button-primary:focus {
    border-color: #3f4756;
    background: #afc0e0;
    background-image: -moz-linear-gradient(top, #f8fafd, #c3d5f1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8fafd), to(#c3d5f1));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f8fafd, endColorStr=#c3d5f1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F8FAFD,  endColorStr=#C3D5F1)"}
.sl-button-primary:active, .sl-button-primary.sl-button-active {
    border-color: #3f4756;
    background: #afc0e0;
    background-image: -moz-linear-gradient(top, #a3b5da, #ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a3b5da), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#a3b5da, endColorStr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#A3B5DA,  endColorStr=#FFFFFF)"}
.sl-button-primary .sl-button-arrow {
    border-top-color: #6d747f}
.sl-button-primary.reverse .sl-button-arrow {
    border-top-color: transparent;
    border-bottom-color: #6d747f}
.sl-button-primary:hover .sl-button-arrow, .sl-button-primary:focus .sl-button-arrow {
    border-top-color: #3f4756}
.sl-button-primary.reverse:hover .sl-button-arrow, .sl-button-primary.reverse:focus .sl-button-arrow {
    border-top-color: transparent;
    border-bottom-color: #3f4756}
.sl-button-primary:active .sl-button-arrow, .sl.button-primary.sl-button-active .sl-button-arrow {
    border-top-color: #3f4756}
.sl-button-primary.reverse:active .sl-button-arrow, .sl.button-primary.reverse.sl-button-active .sl-button-arrow {
    border-top-color: transparent;
    border-bottom-color: #3f4756}
.sl-button-menu-primary {
    border-color: #3f4756}
.sl-button-group:hover .sl-button-primary, .sl-button-group-active .sl-button-primary {
    border-color: #3f4756}
.sl-button-urgent {
    font-weight: bold;
    border-color: #ecc101;
    background: #ffe971;
    background-image: -moz-linear-gradient(top, #fff9c1, #fed81c);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff9c1), to(#fed81c));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fff9c1, endColorStr=#fed81c);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFF9C1,  endColorStr=#FED81C)"}
.sl-button-urgent.sl-button-text {
    border-color: transparent;
    background: none}
.sl-button-urgent:hover, .sl-button-urgent:focus {
    border-color: #630;
    background: #ecc101;
    background-image: -moz-linear-gradient(top, #fff9c1, #fed81c);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff9c1), to(#fed81c));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fff9c1, endColorStr=#fed81c);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFF9C1,  endColorStr=#FED81C)"}
.sl-button-urgent:active, .sl-button-urgent.sl-button-active {
    border-color: #630;
    background: #ecc101;
    background-image: -moz-linear-gradient(top, #ffe667, #ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe667), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffe667, endColorStr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFE667,  endColorStr=#FFFFFF)"}
.sl-button-urgent .sl-button-arrow {
    border-top-color: #963}
.sl-button-urgent.reverse .sl-button-arrow {
    border-top-color: transparent;
    border-bottom-color: #963}
.sl-button-urgent:hover .sl-button-arrow, .sl-button-urgent:focus .sl-button-arrow {
    border-top-color: #630}
.sl-button-urgent.reverse:hover .sl-button-arrow, .sl-button-urgent.reverse:focus .sl-button-arrow {
    border-top-color: transparent;
    border-bottom-color: #630}
.sl-button-urgent:active .sl-button-arrow, .sl.button-urgent.sl-button-active .sl-button-arrow {
    border-top-color: #630}
.sl-button-urgent.sl-menubutton-reverse:active .sl-button-arrow, .sl.button-urgent.sl-menubutton-reverse.sl-button-active .sl-button-arrow {
    border-top-color: transparent;
    border-bottom-color: #630}
.sl-button-menu-urgent {
    border-color: #630}
.sl-button-group:hover .sl-button-urgent, .sl-button-group-active .sl-button-urgent {
    border-color: #630}
.sl-button-short {
    height: 1.5em}
.sl-button::-moz-focus-inner {
    border: 0;
}
.sl-button[disabled]:hover, .sl-button[disabled]:focus, .sl-button[disabled]:active {
    border: 1px solid #ccc;
    background: #f6f6f6;
    background-image: -moz-linear-gradient(top, #ffffff, #efefef);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#efefef);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF,  endColorStr=#EFEFEF)";
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: auto}
.sl-button-primary[disabled]:hover, .sl-button-primary[disabled]:focus, .sl-button-primary[disabled]:active {
    border: 1px solid #a0b3d9;
    background: #ddeafc;
    background-image: -moz-linear-gradient(top, #f8fafd, #c3d5f1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8fafd), to(#c3d5f1));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f8fafd, endColorStr=#c3d5f1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F8FAFD,  endColorStr=#C3D5F1)"}
.sl-button-urgent[disabled]:hover, .sl-button-urgent[disabled]:focus, .sl-button-urgent[disabled]:active {
    border: 1px solid #ecc101;
    background: #ffe971;
    background-image: -moz-linear-gradient(top, #fff9c1, #fed81c);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff9c1), to(#fed81c));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fff9c1, endColorStr=#fed81c);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFF9C1,  endColorStr=#FED81C)"}

/* Pager */
.sl-pager, .searchFooterBox div.sl-pager {
    text-align: left;
    border: none}
.sl-pager .sl-button {
    color: #03c}
.sl-pager .sl-pager-selected {
    color: #000;
    font-weight: bold;
    background: #ddd;
    -moz-boz-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
    border-color: #ccc}
.sl-pager-link {
    font-size: 12px;
    margin: 1em}

/* textarea */

textarea  {
	border:1px solid #AC0012;
	color:#000000;
	display:block;
	height:80px;
	margin-bottom:5px;
	overflow:auto;
	padding: 2px 2px 0px 2px;
	width:460px;
}

textarea:focus {
    border: 1px solid #1F82FE!important;
    padding: 2px 2px 0px 2px
}	
textarea:active {
    border: 1px solid #1F82FE!important;
    padding: 2px 2px 0px 2px
}

input[type="text"], input[type="password"]
	{ 
	border: 1px solid #AC0012;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: inherit;
    height: 1.38462em;
    padding: 4px 2px 1px 2px;
	vertical-align:middle;
	}

input[type="text"]:focus, input[type="password"]:focus  {
	border: 1px solid #1F82FE;
}

input[type="submit"]
	{ 
	margin-top: 2px;
	margin-bottom: 2px;
	height: 1.9231em;	
	vertical-align:middle;
	}

input[type="checkbox"]
	{ 
	
	}

input[type="radio"]
	{  
	
	}

button {
	margin-top: 2px;
	margin-bottom: 2px;
	height: 1.9231em;
	vertical-align:middle;
}

fieldset {
	border: 1px solid #E1E1E1;
	padding: 10px;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
legend {
	font-size: 100%;
	color: #AC0012;
	font-weight: bold;
	padding: 2px;
	margin-left: 12px;
}

select {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size:100%;
	height: 1.9231em;	
	border: 1px solid #AC0012;
	padding: 2px;
	vertical-align:middle;
}

select:focus {
	border: 1px solid #1F82FE;
    padding: 2px;
}

/* GLOBALS */
form{ margin:0; padding:0;}
option
	{ background-color:#fff; color:#000; }
optgroup
	{ background-color:#ccc; color:#000; }
label {
	cursor: pointer;
    cursor: hand;
	display: inline
}


/* CONTAINING DIV */
.formContainer{ background-color:#efefef; overflow:hidden; height:1%; padding:10px; font-size:70%; line-height:120%;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* BASE FORM CLASS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.form li{ width:100%; float:left;}
.form ul{ margin:0; padding:0; list-style:none; overflow:hidden; height:1%; }
.form fieldset{ margin-bottom:40px; display:block; } 
.form ul li ul{ background-color: none;}
.form { margin:0 0 0 0; padding:10px; list-style:none;}
.form ul{ padding:2px 5px 5px 5px; overflow:hidden; height:1%; }
.form li > label{ width:120px; padding:3px 5px 3px 0px; float:left; display:inline; }
.form li{margin:3px 0 0 0;  padding-bottom:3px; }
.form li ul li{ border-bottom:0px solid #ff0000;}
.form input{ float:left; display:inline; line-height:100%;}
/*.form input{ margin-left: 120px; line-height:100%;}*/
.form select{ float:left; display:inline;}
.form textarea{ float:left; display:inline;}
.form input[type='radio'] { border:0px; }
.form input[type='checkbox'] { border:0px; }

.span {
	display: inline;
	width: auto !important;
	text-align: left;
	font-weight: normal;
}
.label {
	margin-left: 120px; 
	float:left; 
	display:inline; 
	font-weight: normal;
}

.form li input[type='radio'] { margin-left: 120px; padding:3px 5px 3px 0px; }
.form li input[type='checkbox'] { margin-left: 120px; padding:3px 5px 3px 0px; }

.form li p {padding:3px 5px 0 5px;}
.form li span {padding:3px 5px 0 5px;}
.form li div {padding:3px 5px 0 5px;}

.note{ padding:3px 5px 0 5px; float:left; }
.leftNote{ padding:3px 5px 0 5px; float:left; }
.bottomNote{ padding:0; clear:both; display:block; }
.tar li label{ text-align:right;}
.tar li span.label{ text-align:right;}



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* FORM MODIFIERS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*
All of the modifier classes should be applied to form uls and are used to present the structure: <li><label></label><input/></li>.
Each letter represented in the class name represents the orientation of the li - label - input elements respectively.

h = horizontal block element (floated left)
v = vertical block element 
i = inline element

for example, the class:.hvv  =  [LI:Horizontal Block Element]  [LABEL:Verticle block element]  [INPOUT:Vertical block element]
*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	
.vvv li { display:block; clear:both; width:100%;} 
.vvv label{ display:block;  width:100%; clear:both; float:none;} 
.vvv input{ display:block; float:left;}
.vvv select{ display:block; float:left;}
.vvv textarea{ display:block; float:left;}

.hvv{ overflow:hidden; height:1%; }
.hvv li{ float:left; margin-right:10px; display:inline; width:auto; clear:none; }
.hvv label{ display:block; width:auto; float:none;  }
.hvv input{ display:block;}
.hvv select{ display:block;}
.hvv textarea{ display:block;}

.hii{ overflow:hidden; height:1% }
.hii li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;}
.hii label{ display:inline; margin-right:0px; vertical-align:middle; text-align:left; width:auto;}
.hii input{ display:inline; vertical-align:middle; }
.hii select{ display:inline; vertical-align:middle;}
.hii textarea{ display:inline; vertical-align:middle;} 
.hii li li{ clear:both; } /* reset second level lis */

.hhh{ overflow:hidden; height:1% }
.hhh li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;}
.hhh label{ float:left; width:100px; }
.hhh input{ float:left}
.hhh select{ float:left}
.hhh textarea{ float:left} 
.hhh li li{ clear:both; } /* reset second level lis */

.vii{ float:left; display:inline; width:auto}
.vii li{ display:block; float:left; width:auto; clear:both;}
.vii label{ display:inline; width:auto; vertical-align:middle; float:none;}
.vii input{display:inline;  vertical-align:middle;  float:none; }
.vii select{ display:inline;  vertical-align:middle;  float:none;}
.vii textarea{display:inline;  vertical-align:middle;  float:none;}

.vhh{  float:left; display:inline;}
.vhh li{ display:block; clear:both; float:left; width:auto; border-bottom:3px solid #efefef}
.vhh label{ float:left; width:100px; display:inline; }
.vhh input{ float:left; display:inline;}
.vhh select{ float:left; display:inline;}
.vhh textarea{ float:left; display:inline;}

 
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* LABEL MODIFIERS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

label.v { display:block; float:none; width:auto; padding:3px; text-align:left}
label.h { display:block; float:left; width:auto; display:inline;}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* MULTI-SELECT BOX */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.multiSelect{ height:200px; width:200px; float:left; padding:0px; background-color:#FFFFFF; overflow:hidden; overflow:auto; border:0px inset #ccc; }
.multiSelect .form{ height:auto; margin:0; padding:0; border:0;}
.multiSelect .vhh{ margin:0; padding:0;}
.multiSelect .vhh input{ float:left; } 
.multiSelect .vhh label{ float:none; margin-left:20px; display:block; width:auto; clear:none; }
.multiSelect .vhh li{ overflow:hidden; width:100%}
.multiSelect .vii li{ width:100%;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* OTHER STYLES */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* COLOR CODE - FOR CLARIFICATION & DEBUGGING
ul { background-color:#666}
ul li{ background-color:#999}
ul li ul{ background-color:#ccc}
ul li ul li{ background-color:#eee}
label{ background-color:#A0EFED; }*/

/* ie 6 no border class (put on all check boxes and radio buttons if a border is set on inputs*/
.form input.noBorder{ border:0px;}

/* REQUIRED FIELD STLES */
.requiredDesignation{ display:block; padding:5px 5px 5px 5px; margin-bottom:10px; }
.required{ color:#FF0000;}
.required label:Before{ content:"* "}
.requiredDesignation:before{ content:"* " }

/* FORM NOTES */

/* GENERAL TWEAKING STYLES */
.fl{ float:left;}
.cb{ clear:both;}
.w100p{ width:100%;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.offset1{ margin-left:130px;}
.offset2{ margin-left:105px;}

