body {
	background-image: url('./imgs/backgrad.gif');
	font-family: Century Gothic, sans-serif;
	}
		
#main {
	width:890px;
	padding:10px;
	border:0px;
	margin:0px;
	}
	
#header {
clear:left;
text-align:left;
margin-left:40px;
}

#contain {
text-align:left;
width:500px;
margin:0 auto;
border:none;
padding:0px;
position:relative;
float:left;
margin-left:60px;
margin-top:-60px;
}

#left {
float:left;
width:300px;
margin:0;
padding:.2em;
}

#content {
margin-top:80px;
width:350px;
margin-left:345px;
padding:.2em;
}

#footer {
padding:0.5em;
margin-left:620px;
margin-top:20px;
width: 220px;
}

p.w1 {
padding: 5px 10px 5px 10px;
font-size: 12px;
background:white;
height:360px;
}

p.w2 {
padding: 0px 2px 0px 2px;
font-size: 14px;
font-weight:bold;
background-image:url('./imgs/fanny.gif');
width:320px;
margin-left:40px;
}

	#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

h1 { 
font-size: 500%;
letter-spacing: 8px; 
}

h2 { font-size: 200%; }
		
three
{
float:middle;
width:2em;
text-decoration:none;
color:#ffffcc;
padding:2em 0.6em;
border-right:1px solid white;
}

#vert {
width: 40px;
font-size: 50px;
padding-left: 675px;
position: absolute;
z-index:-1;
text-align:center;
}

#vert2 {
width:40px;
margin-left:800px;
background: #fff;
padding: 10px 10px 10px 10px;
float:right;
}
		
		a:link, a:visited, a:active, a:hover{
			text-decoration: none;
		}
		a.three:link {color: #999999}
        a.three:visited {color: #999999}
        a.three:active {background: #999999}
		a.three:hover {background: #999999}
        a.four:link {color: #999999; background: #ffffcc;}
        a.four:visited {color: #999999}
        a.four:active {background: #999999}
        a.four:hover {background: #ffffcc;}
        a.five:link {color: #000000; background: #99ccff;}
        a.five:visited {color: #000000; background: #99ccff;}
		a.five:active {background: #99ccff;}
        a.five:hover {background: #000000; color: #99ccff;}
		a.six:link {color: #000000; background: #FFccFF;}
		a.six:visited {color: #999999}
		a.six:active {background: #FFccFF;}
		a.six:hover {background: #ffccff; color: #FFccFF;}
		
		li {display:inline}

		ul
		{
		float:right;
		width:100%;
		padding:0;
		margin-top: 10px;
		text-align:center;
		list-style-type:none;
		}	
		
		.Text {
			text-align: left;				
			color: #999999;
			width: 200px;
		}
		
		h6 {font-size: 80%}
		


/*
* UI
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}


.mb-resize{
	display:block;
	background-color:transparent !important;
	border:3px solid transparent !important;
  *border:5px solid transparent !important;
  margin:0 !important;
}

.mb-resize-resizable-n { cursor: e-resize; width: 100% !important; height: 50px !important; right: 0 !important; top: -10px !important; z-index:auto !important;}
.mb-resize-resizable-e { cursor: e-resize; width: 20px !important; height: 100% !important; right: -20px !important; top: 0 !important;z-index:auto !important;}
.mb-resize-resizable-w { cursor: e-resize; width: 20px !important; height: 100% !important; left: -20px !important; top: 0 !important;z-index:auto !important;}
.mb-resize-resizable-s { cursor: s-resize; width: 100% !important; height: 10px !important; bottom: -10px !important; left: 0 !important;z-index:auto !important; }
.mb-resize-resizable-se { cursor: se-resize; width: 30px !important; height: 30px !important; right:0 !important; bottom: -10px !important; z-index:auto !important;}

.mbproxy{border:1px dotted gray;background: url(./elements/proxy.png)}

.containerPlus {font-family: Century Gothic, sans-serif; font-size:13px; z-index: 99999;}
.containerPlus .spacer {margin-top:10px}
.containerPlus .buttonBar { position:relative;top:0;float:right;margin-top:-23px; margin-right:15px}
.containerPlus .buttonBar img {margin-left:5px}
.containerPlus .mbcontainercontent {margin-right:-15px; padding-right:10px;overflow:auto;}

/*.iconLabel{font-family:sans-serif;font-size:10px;padding:5px;background:black;color:white;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;}*/

.iconLabel{font-family:sans-serif;font-size:10px;padding:5px;background:#f3f3f3;color:gray;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ccc}

/*
* default
*/
.containerPlus .no	{ background: url('./elements/default/no.png') top left no-repeat; }
.containerPlus .ne	{ background: url('./elements/default/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus .ne img	{left:-10px; top:-10px}
.containerPlus .n	{ background: url('./elements/default/n.png') top center repeat-x; margin-right: 20px; -moz-user-select: none; -khtml-user-select: none;}
.containerPlus .n	{ height:26px; font-size:15px; white-space:nowrap;overflow:hidden;}
.containerPlus .n	a{ text-decoration:none;color:#000; font-size:15px;}

.containerPlus .o	{ background: url('./elements/default/o.png') top left repeat-y;}
.containerPlus .e	{ background: url('./elements/default/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus .c { background: url('./elements/default/c.png'); margin-right: 23px; padding-top: 1px; padding-bottom: 1px; }

.containerPlus .so	{ background: url('./elements/default/so.png') bottom left no-repeat;}
.containerPlus .se	{ background: url('./elements/default/se.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus .s { background: url('./elements/default/s.png') bottom repeat-x; padding-top: 20px; margin-right: 23px;}


/*
* white
*/
.containerPlus.white .no	{ background: url('./elements/white/no.png') top left no-repeat;}
.containerPlus.white .ne	{ background: url('./elements/white/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.white .n	{ background: url('./elements/white/n.png') top center repeat-x; margin-right: 25px;height:26px;}
.containerPlus.white .n	{ padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none}

.containerPlus.white .o	{ background: url('./elements/white/o.png') top left repeat-y;}
.containerPlus.white .e	{ background: url('./elements/white/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.white .c { background: url('./elements/white/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.white .c .mbcontainercontent {color:#000;}
.containerPlus.white .n	a{}
.containerPlus.white .n	a:hover{ text-decoration:underline}

.containerPlus.white .so	{ background: url('./elements/white/so.png') bottom left no-repeat;}
.containerPlus.white .se	{ background: url('./elements/white/se.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus.white .s { background: url('./elements/white/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;}





