p#vtip { 
	display: none; 
	position: absolute; 
	padding: 10px; 
	left: 5px; 
	font-size: 11px;
	color: #1D599B;
	font-family: Verdana, Helvetica, Tahoma;
	background-color: white; 
	border: 1px solid #a6c9e2; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	z-index: 9999;
	max-width: 250px;
}

p#vtip #vtipArrow { 
	position: absolute; 
	top: 10px; 
	left: -10px }
	
	
	
/* -------------------------------------------------------------- 
   
   forms.css
   * Allows the creation of vertical and horizontal forms
   * Allows sets up basic input element styles
   
-------------------------------------------------------------- */

/* Basic form styles */       
form ol { margin: 0px; padding: 0px; list-style-type: none; }  
form li { display: block; padding: 0.2em; }       
form label { display: block; font-weight: bold; } 
form em { color: red; background-color: #fff; }   
       
/* Input elements */
form input.text{ 
	color: #333;
	border: #ccc 1px solid;
	margin-bottom: 5px;
	/*background: #fff url(../images/input-text-error-bg.png) repeat-x left top; /* optional */
}
form textarea{
	color: #333;
	border: #ccc 1px solid;
	font-family: Verdana, sans-serif;
}
form select { margin-bottom: 5px; }
form input.file { width: 20em; }

/* Special readonly style */
form .readonly { background-color: #E0DFE3; color: #99968A; }

/* Form rows */
form.horizontal li label { display: -moz-inline-box; width: 15em; vertical-align: top; }  
* form.horizontal li label { display: inline-block;  }

/* Checkbox row */
/*
form.vertical li.checkbox span { display: inline; }
form.horizontal li.checkbox label { display: inline; width: 90%; }
form.horizontal li.checkbox span { display: inline; }
*/

/* Submit Button Area */
form.vertical li.submit { text-align: center; }  
form.horizontal li.submit { margin-left: 15em; } 

form input.important {
	background: url(../images/input-required.png) no-repeat top right;
	margin-top: -3px;
/*	z-index: 999;*/
}


/* BUTTONS */

.buttons a, .buttons button{
    display: block;
    float: left;
    margin: 0 7px 0 0;
    background-color: #f5f5f5;
    border: 1px solid #aaa;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 3px 5px 3px 5px; /* Links */
}
.buttons a, .buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html .buttons button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.buttons button:hover, .buttons a:hover{
    background-color:#A4C4DD;
    border:1px solid #6399C4;
    color:#fff;
    text-decoration: none;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

.buttons button.positive, .buttons a.positive{
    color:#529214;    
}
.buttons a.positive:hover, .buttons button.positive:hover{
    background-color: #00CC00;
    border: 1px solid #00A600;
    color: #fff;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, .buttons button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, .buttons button.negative:hover{
    background-color:#F0A2A8;
    border:1px solid #EB7E87;
    color: #fff;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* BUTTON */

.btn a, .btn button{
    margin: 5px 0 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:11px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding: 3px 3px 4px 3px; /* Links */
}
.btn button, .btn a{
    width: auto;
	overflow: visible;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
}
.btn button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html .btn button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.btn button img, .btn a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.btn button:hover, .btn a:hover{
    background-color:#A4C4DD;
    border:1px solid #6399C4;
    color:#fff;
    text-decoration: none;
}
.btn a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

.btn button.positive, .btn a.positive{
    color: #529214;
}
.btn a.positive:hover, .btn button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.btn a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.btn a.negative, .btn button.negative{
    color:#d12f19;
}
.btn a.negative:hover, .btn button.negative:hover{
    background-color:#F0A2A8;
    border:1px solid #EB7E87;
    color: #fff;
}
.btn a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* BUTTON */

.short_menu a, .short_menu button{
    display: block;
    margin: 0 3px 0 0;
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;

    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 10px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color:#565656;
    cursor:pointer;
    padding:4px 3px 4px 3px; /* Links */
}
.short_menu button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.short_menu button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html .short_menu button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.short_menu button img, .short_menu a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.short_menu button:hover, .short_menu a:hover{
    background-color:#A4C4DD;
    border:1px solid #6399C4;
    color:#fff;
    text-decoration: none;
}
.short_menu a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

.short_menu button.positive, .short_menu a.positive{
    color:#529214;
}
.short_menu a.positive:hover, .short_menu button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.short_menu a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.short_menu a.negative, .short_menu button.negative{
    color:#d12f19;
}
.short_menu a.negative:hover, .short_menu button.negative:hover{
    background-color:#F0A2A8;
    border:1px solid #EB7E87;
    color: #fff;
}
.short_menu a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


a.link, a.link b, button b, button em, a.cancel b, a.cancel em  { background:url(/style/images/button_spry.png) no-repeat;color:#fff;}
a.link, button, a.cancel {font:11px Arial, Helvetica, sans-serif bold; overflow:visible; text-align:center;	vertical-align:middle;text-align:center;cursor:pointer; text-decoration:none;}

a.link { float:left; height:25px; line-height:26px; background-position: 0 -52px;   padding:0 0 0 3px;margin:0 1px 0 1px;}
a.link b {float:left; padding:0 12px 0 0px; background-position: right -52px;}
a.link:hover, a.link:hover b { background-position: 0 -78px; }
a.link:hover b { background-position:right -78px; }
a.link:active { background-position: 0 -156px; }
a.link:active b { background-position: right -156px; }

a.cancel { float:left; height:25px; line-height:26px; background-position: 0 -104px;   padding:0 0 0 3px;margin:0 1px 0 1px;}
a.cancel b { float:left; padding:0 12px 0 0px; background-position: right -104px;}
a.cancel:hover, a.cancel:hover b { background-position: 0 -130px; }
a.cancel:hover b { background-position:right -130px; }
a.cancel:active { background-position: 0 -156px; }
a.cancel:active b { background-position: right -156px; }

a.submit { float:left; height:25px; line-height:26px; background-position: 0 0px;   padding:0 0 0 3px;margin:0 1px 0 1px;}
a.submit b { float:left; padding:0 12px 0 0px; background-position: right 0px;}
a.submit:hover, a.submit:hover b { background-position: 0 -26px; }
a.submit:hover b { background-position:right -26px; }
a.submit:active { background-position: 0 -156px; }
a.submit:active b { background-position: right -156px; }

button::-moz-focus-inner { border: 0; }

button.submit, button.cancel{ border:none; background:none; padding:0; margin:0;  white-space:nowrap; height:26px; }
button.submit b, button.submit em, button.cancel b, button.cancel em { display:block; height:26px; line-height:26px; margin:0;}

button.submit b { padding-left:4px; background-position: 0 0; }	
button.submit em { font-style:normal; padding-right:7px; background-position:100% 0; }	
button.submit:hover b { padding-left:4px; background-position: 0 -26px; }	
button.submit:hover em { font-style:normal; padding-right:7px; background-position: 100% -26px;}

button.cancel b { padding-left:4px; background-position: 0 -104px; }	
button.cancel em { font-style:normal; padding-right:7px; background-position:100% -104px; }	
button.cancel:hover b { padding-left:4px; background-position: 0 -130px; }	
button.cancel:hover em { font-style:normal; padding-right:7px; background-position: 100% -130px; }	

button.submit:active b, button.cancel:active b { padding-left:4px; background-position: 0 -156px;}	
button.submit:active em, button.cancel:active em { font-style:normal; padding-right:7px; background-position: 100% -156px;}