/* -- form validation */

.invalid { border-color: #ff0000; }

label.invalid { color: #ff0000; }



/* -- buttons */

#editor-xtd-buttons {

	padding: 5px;

}



.button2-left,

.button2-right,

.button2-left div,

.button2-right div {

	float: left;

}



.button2-left a,

.button2-right a,

.button2-left span,

.button2-right span {

	display: block;

	height: 22px;

	float: left;

	line-height: 22px;

	font-size: 11px;

	color: #666;

	cursor: pointer;

}



.button2-left span,

.button2-right span {

	cursor: default;

	color: #999;

}



.button2-left .page a,

.button2-right .page a,

.button2-left .page span,

.button2-right .page span {

	padding: 0 6px;

}



.page span {

	color: #000;

	font-weight: bold;

}



.button2-left a:hover,

.button2-right a:hover {

	text-decoration: none;

	color: #0B55C4;

}



.button2-left a,

.button2-left span {

	padding: 0 24px 0 6px;

}



.button2-right a,

.button2-right span {

	padding: 0 6px 0 24px;

}



.button2-left {

	background: url(../images_general/j_button2_left.png) no-repeat;

	float: left;

	margin-left: 5px;

}



.button2-right {

	background: url(../images_general/j_button2_right.png) 100% 0 no-repeat;

	float: left;

	margin-left: 5px;

}



.button2-left .image {

	background: url(../images_general/j_button2_image.png) 100% 0 no-repeat;

}



.button2-left .readmore {

	background: url(../images_general/j_button2_readmore.png) 100% 0 no-repeat;

}



.button2-left .pagebreak {

	background: url(../images_general/j_button2_pagebreak.png) 100% 0 no-repeat;

}



/* Tooltips */

div.tooltip {

	float: left;

	background: #ffc;

	border: 1px solid #D4D5AA;

	padding: 5px;

	max-width: 200px;

}



div.tooltip h4 {

	padding: 0;

	margin: 0;

	font-size: 95%;

	font-weight: bold;

	margin-top: -15px;

	padding-top: 15px;

	padding-bottom: 5px;

	background: url(../images_general/selector-arrow.png) no-repeat;

}



div.tooltip p {

	font-size: 90%;

	margin: 0;

}



/* Caption fixes */

.img_caption.left {

	float: left;

	margin-right: 1em;

}



.img_caption.right {

	float: right;

	margin-left: 1em;

}



.img_caption.left p {

	clear: left;

	text-align: center;

}



.img_caption.right p {

	clear: right;

	text-align: center;

}



/* Calendar */

a img.calendar {

	width: 16px;

	height: 16px;

	margin-left: 3px;

	background: url(../images_general/calendar.png) no-repeat;

	cursor: pointer;

	vertical-align: middle;

}



/* System Messages */

#system-message

{

margin:10px 0 20px 0;

padding: 0 !important;

background:#fff;

border:solid 0px;

}

#system-message dt { font-weight: bold; }

#system-message dd { margin: 0;  font-weight: bold; text-indent: 0px;background:#fff;padding:0 }

#system-message dd ul { color: #93246F; margin-bottom: 10px; list-style: none; padding: 0px; border-top: 3px solid #93246F; border-bottom: 3px solid #93246F;}



/* System Standard Messages */

#system-message dt.message { display: none; }

#system-message dd.message {  }

#system-message dd.message ul { background: #F2E3ED}



/* System Error Messages */

#system-message dt.error { display: none; }

#system-message dd.error {  }

#system-message dd.error ul { color: #93246F; background: #F2E3ED ; border-top: 3px solid #93246F; border-bottom: 3px solid #93246F;margin:0}



/* System Notice Messages */

#system-message dt.notice { display: none; }

#system-message dd.notice {  }

#system-message dd.notice ul { color: #93246F; background: #F2E3ED; border-top: 3px solid #93246F; border-bottom: 3px solid #93246F;}



#twocols{

   z-index: 20; /*the columns that gets dropped down over yours might be different*/

}



#leftcol{

   z-index: 10; /*the columns that gets dropped down over yours might be different*/

}



#moduletablemainnav{

   position: relative; /* I have absolutely positioned the module, you might have a different scheme*/
   
   width: 719px;
   float: left;
   top: 16px;

}



#mainlevelsan,#mainlevelsan ul{

   float: right;

   list-style: none;

   line-height: 1.5em;

   background: transparent;

   font-weight:bolder;
   
   font-size:13px;

}



#mainlevelsan a{

   display: block;

   color: #FFFFFF;

   text-decoration: none;

   margin-right: 15px;

   padding: 0.3em;

}



#mainlevelsan li{

   float: left;

   padding: 0;

}



#mainlevelsan li ul{

   position: absolute;

   left: -999em;

   height: auto;

   width: 11em;

   font-weight: 600;

   background: #262626;

   border: #000000 1px solid;

   margin: 0;

}



#mainlevelsan li li{

   width: 11em;

}



#mainlevelsan li ul a{

   text-align: left;

   padding-left:2px;

   width: 11em;

   color: #FFFFFF;

   font-size: 0.9em;

   line-height: 1.5em;

   font-weight: 600;

}



#mainlevelsan li:hover ul ul,#mainlevelsan li:hover ul ul ul,#mainlevelsan li.sfhover ul ul,#mainlevelsan li.sfhover ul ul ul{

   left: -999em;

}



#mainlevelsan li:hover ul,#mainlevelsan li li:hover ul,#mainlevelsan li li li:hover ul,#mainlevelsan li.sfhover ul,#mainlevelsan li li.sfhover ul,#mainlevelsan li li li.sfhover ul{

   left: auto;

   z-index: 6000;

}



#mainlevelsan li li:hover,#mainlevelsan li li.sfhover{

   background: url(../images/soccerball.gif) #000000 98% 50% no-repeat;

}