.bold{
	font-weight: bold; 
}

html,body,p,img,ul,li {
	margin: 0;
	padding: 0;
}

body {
	background: #422a61 url("img/bg.jpg") scroll no-repeat center top;
	font-family: Verdana;
	font-size: 10pt;
}

textarea{
	resize:none; 
}

div.wcontent textarea {
	border:0px;
	overflow: auto;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: sans-serif;
	background-color: #dddddd;
	background-image: url("img/edit.png");
	background-position: top right;
	background-repeat: no-repeat;
}

div.wcontent textarea:focus{
	background-color: #eeeeee;
}

div#wrapper {
	width: 960px;
	margin: 20px auto;
	background-color: #ffffff;
	border: 1px solid #adadad;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

div#top {
	padding-top:15px;
	width: 960px;
	height: 110px;
}

div#banner {
	margin-left: 10px;
	width: 269px;
	height: 92px;
	background-image: url("img/banner.png");
	background-repeat: no-repeat;
	float: left;
}

div#language {
	height: 25px;
	text-align: right;
	margin-right: 25px;
	margin-top: -5px;
}

div#language img{
	cursor: pointer;
	padding-left: 5px;
}

div#menu:before{
	background: transparent url("img/menu-right.png") scroll no-repeat top right;
	margin-bottom: -37px;
	margin-left:-6px;
	margin-right:-6px;
	height: 37px;
	display: block;
	border: none;
	content: url("img/menu-left.png");
	padding: 0px;
}

div#menu{
	margin-left: 50px;
	margin-top: 0px;
	width:600px;
	height:37px;
	background-image: url("img/menu-middle.png");
	background-repeat: repeat-x;
	float: left;
	vertical-align: middle;
}

div.menuopt{
	padding-left: 20px;
	float:left;
	margin-top: 5px;
	position: relative;
	background-image: url("img/menu-bar.png");
	background-repeat:no-repeat;
	background-position: 10px 3px;
}

div.menuopt:first-child {
	background-image: none;
}

div.menuopt > span{
	display: block;
	height: 26px;
	line-height: 26px;
	margin-bottom:15px;
}

div.menuopt > span.shown{
	background-image: url("img/menuopt-bar.png");
	background-repeat: repeat-x;
	background-position:center center;
	color: white;
}

div.menuopt > span.shown:before{
	background: transparent url("img/menuopt-right.png") scroll no-repeat top right;
	margin-bottom: -26px;
	margin-left:-6px;
	margin-right:-6px;
	height: 26px;
	display: block;
	border: none;
	content: url("img/menuopt-left.png");
	padding: 0px;
}

div.submenu{
	width: 181px;
	display:none;
	position: absolute;
	left: 50%;
	margin-left: -77px;
	z-index: 32000;
}

div.submenu div.inner:before{
	background: transparent url("img/submenu-top.png") scroll no-repeat bottom center;
	height: 5px;
	display: block;
	border: none;
	content: "";
	position: relative;
	top: -5px;
}

div.submenu div.inner{
	width: 181px;
	background-image: url("img/submenu-middle.png");
	background-repeat: repeat-y;
	display: block;
}

div.submenu div.inner:after{
	background: transparent url("img/submenu-bottom.png") scroll no-repeat top right;
	height: 5px;
	display: block;
	border: none;
	content: "";
	position: relative;
	top: 5px;
}

div.submenu div.seperator{
    border-top:1px solid #aa82b2;
    margin-left:10px;
    margin-right:25px;
}

div.submenu a,div.submenu a:visited{
	display: block;
	background: url(img/list-item-visited.png) no-repeat left center;
	margin-left:10px;
	margin-right: 20px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	text-decoration: none;
	border: 0;
	outline: 0;
	cursor:pointer;
}

div.submenu a:first-child{
	border: 0;
	/*padding-top: 0px;*/
}

div.submenu a:hover,div.submenu a:active{
	background: url(img/list-item-hover.png) no-repeat left center;
	color: #eac2f2;
}

div.submenu a.inactive{
	background: url(img/list-item-inactive.png) no-repeat left center;
	color: #a473ae;
    cursor: default;
}

div#content{
	width: 940px;
	height: 670px;
	margin: 0px 10px;
	margin-bottom: 30px;
	background: url("img/contentback.png") scroll repeat;
	border: 1px solid #adadad;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div#browsers{
	background-color: #e5e5e5;
	margin-left: 170px;
	width: 600px;
	margin-top: 185px;
	height: 250px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div#browsers div.info{
	float:left;
	height: 100%;
	width: 300px;
	padding-left: 20px;
	padding-right: 20px;
}

div#browsers h2{
	text-align: center;
	font-size: 15pt;
}

div#browsers p{
	text-align: justify;
	font-size: 11pt;
}

div#browsers div.image{
	float: left;
	height: 100px;
	margin-top: 15px;
	margin-left: 10px;
	width: 100px;
}

div#browsers div.image img{
	padding-left: 18px;
}

div#browsers div.image p{
	text-align: center;
}



div#windows{
	width: 940px;
	height: 626px;
	position: relative;
	overflow: auto;
}

div#footer{
	width:962px;
	height:30px;
	margin-left: -2px;
	margin-bottom: -2px;
	border: 1px solid #3d1a7e;
	background: url("img/footer.png") scroll repeat-x;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	line-height: 25px;
}

div#footer span{
	color: white;
	padding-left:20px;
}

div#toolbox{
	display: block;
	float: left;
	height: 28px;
	width: 290px;
	line-height: 28px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0px 10px;
	border:  1px solid #d9d9d9;
	background: url("img/toolbox.png") scroll repeat-x;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div#toolbox > div{
	padding-left: 8px;
	padding-right: 7px;
	float:left;
	margin-top: 4px;
	border: 0px;
	position: relative;
	background-image: url("img/toolbox-bar.png");
	background-repeat:no-repeat;
	background-position: 0px 1px;
	position: relative;
}

div#toolbox > div:first-child{
	padding-left: 0px;
	background-image: none;
}

div#toolbox > div.last{
	padding-right: 0px;
}

div#toolbox input#input_file{
	z-index:2; 
	position:absolute; 
	left: -50px; 
	height:28px;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
}

div#toolbox img{
	cursor: pointer;
}

div#toolbox img.inactive{
	cursor: default;
}

div.tooltip{
	background-color: #cccccc;
	border:  1px solid #bbbbbb;
	display: none;
	white-space:nowrap;
	line-height: 20px;
	position: absolute;
	padding: 0px 5px;
	top: -25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div:hover > div.tooltip.inactive{
	display:none;
}

div:hover > div.tooltip{
	z-index:100;
	display:block;
}

img.inactive{
	opacity: .20;
	filter:Alpha(Opacity=20);
}

div#tab_menu{
	height: 35px;
	width: 600px;
	display: block;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
}

div#tab_menu > div{
	float: left;
}

div#tab_menu .tab_move{
	border: 1px solid #d9d9d9;
	width: 15px;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	display: none;
	margin-left: 3px;
}

div#tab_menu .tab_move > div{
	margin-top: 6px;
}

div#tab_prev{
	margin-right: -5px;
	background: url("img/tab.png") scroll repeat-x;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

div#tab_next{
	background: url("img/tab.png") scroll repeat-x;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

div.tab{
	float:left;
	width: 127px;
	height:28px;
	line-height: 28px;
	margin-left: 8px;
	background: url("img/tab.png") scroll repeat-x;
	border:  1px solid #d9d9d9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

div.tab > span{
	padding-left: 10px;
	color: #828282;
	float: left;
}

div.tabactive > span{
	color: #5c3a9b;
}

div.tab div.close{
	width: 15px;
	height: 15px;
	margin-top: 7px;
	margin-right: 5px;
	background-image: url("img/close4.png");
	background-repeat: no-repeat;
	float: right;
	cursor: pointer;
}

div.tabactive div.close{
	background-image: url("img/close3.png");
}

div.window{
	width: 250px;
	height: 250px;
	position: absolute;
	background-color: white;
	border: 1px solid #858585;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.wheader{
	width: 100%;
	margin-left: -1px;
	margin-top: -1px;
	height: 30px;
	line-height: 30px;
	background: url("img/window-header2.png") scroll repeat-x;
	border: 1px solid #BABABA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

div.wheader > span{
	color: #383838;
	padding-left:10px;
	float: left;
}

div.wheader div.move{
	width: 16px;
	height: 16px;
	margin-top: 7px;
	margin-right: 5px;
	background-image: url("img/move2.png");
	background-repeat: no-repeat;
	float: right;
	cursor:move;
}

div.wheader div.close{
	width: 16px;
	height: 16px;
	margin-top: 7px;
	margin-right: 5px;
	background-image: url("img/close2.png");
	background-repeat: no-repeat;
	float: right;
	cursor: pointer;
}

div.wactive div.wheader{
	background: url("img/window-header.png") scroll repeat-x;
	border: 1px solid #381776;
}

div.wactive div.wheader > span{
	color: white;
	padding-left:10px;
}

div.wactive div.move{
	background-image: url("img/move.png");
}

div.wactive div.close{
	background-image: url("img/close.png");
}

div.wcontent{
	overflow: auto;
	/*overflow-x: hidden;
	-ms-overflow-x: hidden;*/
	height: 218px;
	background-color: #dddddd;
}

div.wactive div.wcontent{
	background-color: #eeeeee;
}

div.wcontent_edit{
	overflow: hidden;
	height: 218px;
}

div.wcontent div.rule{
	min-height: 20px;
	line-height: 20px;
	background-color: #cccccc;
	margin: 2px 3px;
	padding: 0px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.wactive div.wcontent div.rule{
	background-color: #e0e0e0;
}

div.dialog{
	display: block;
	z-index: 10002;
	outline: 0px none;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	min-height: 100px;
	width: 300px;
	max-height: 600px;
	max-width: 800px;
	margin-top: -50px;
	margin-left: -150px;
	padding-top:20px;
	background: url("img/content.png") repeat-x scroll 50% top #EEEEEE;
	border: 1px solid #DDDDDD;
	text-align: center;
}

div.dialog_input{
	height: auto;
	margin-top: -100px;
	padding-top: 5px;
}

div.dialog_input textarea{
	height: 140px;
	width: 280px;
}

div.text{
	height: 140px;
	width: 280px;
	text-align: left;
	margin: 10px;
	margin-top: 0px;
	border: 1px solid #000000;
	background-color: white;
	overflow: auto;
}

div.dialog_img{
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

div.dialog_img div.close{
	width: 16px;
	height: 16px;
	margin-top: 7px;
	margin-right: 5px;
	background-image: url("img/close2.png");
	background-repeat: no-repeat;
	cursor: pointer;
	float:right;
}

div.dialog img.icon{
	float:left;
	height: 64px;
	width: 64px;
	margin-left:20px;
}

div.button{
	width: 80px;
	height: 23px;
	line-height: 23px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background: url("img/button.png") scroll repeat-x;
	color: white;
	border: 1px solid #3d1a7e;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center; 
	font-variant: small-caps;
	font-weight: bold;
	cursor: pointer;
}

table.automaton_table{
	width:100%;
	white-space:nowrap;
	text-align: center;
}

table.automaton_table th,table.automaton_table td{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
}

table.edit_table th:last-child,table.edit_table tr td:last-child, table.edit_table tr:last-child td{
	border-style:none;
}

table.automaton_table th:first-child{
	width:30px;
}

table.automaton_table tr td:first-child{
	font-weight: bold;
}

table.edit_table img{
	margin-left: 5px;
	border-style:none;
}

table.edit_table input{
	width: 25px;
}

table.edit_table a{
	cursor:pointer;
}

table.edit_table td.edit input{
	width: 50px;
}

/* JQUERY UI*/
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon { width: 16px; height: 16px; background-image: url(img/ui-icons_222222_256x240.png); }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.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: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; 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;}
.ui-icon-left { background-position: -96px 0px; }
.ui-icon-right { background-position: -34px 0px; }
.ui-widget-overlay { background: #666666 url(img/diagonals.png) 50% 50% repeat scroll; opacity: .40;filter:Alpha(Opacity=40); }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }