@charset "utf-8";
/* CSS Document */

#flowtabs {
	
	/* dimensions */
	width:908px;
	height:31px !important;
	margin:0 !important; 
	padding:0;	
	margin-left: 1px;
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

ul
{
	color: #888;
}
li
{
	margin-top: 15px;
	margin-bottom: 15px;	
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
	margin-top:15px;
}

/* a- tag inside single tab */
#flowtabs li a {
	
	display:block;
	height: 45px;   
	width: 120px; 	
	padding:0px;
	padding-top:15px;
	margin:10px;
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	font-weight: normal; 
}
#flowtabs #t1
{
	margin-right: 200px;	
	margin-left: 20px;	
}

#flowtabs #t1 { background-image:url(../png/button_start_inactive.png);	cursor:pointer; }
#flowtabs #t2 { background-image:url(../png/button_conversion_inactive.png);	cursor:pointer;	 }
#flowtabs #t3 { background-image:url(../png/button_tools_inactive.png);	cursor:pointer;	 }
#flowtabs #t4 { background-image:url(../png/button_dockings_inactive.png);	cursor:pointer;	 }
#flowtabs #t5 { background-image:url(../png/button_document_inactive.png);	cursor:pointer;	 }

#flowtabs #t1:hover { background-image:url(../png/button_start_hover.png); }
#flowtabs #t2:hover { background-image:url(../png/button_conversion_hover.png); }
#flowtabs #t3:hover { background-image:url(../png/button_tools_hover.png); }
#flowtabs #t4:hover { background-image:url(../png/button_dockings_hover.png); }
#flowtabs #t5:hover { background-image:url(../png/button_document_hover.png); }

#flowtabs #t1.current { cursor:default; background-image:url(../png/button_start.png); }
#flowtabs #t2.current { cursor:default; background-image:url(../png/button_conversion.png); }
#flowtabs #t3.current { cursor:default; background-image:url(../png/button_tools.png); }
#flowtabs #t4.current { cursor:default; background-image:url(../png/button_dockings.png); }
#flowtabs #t5.current { cursor:default; background-image:url(../png/button_document.png); }


/* panes */
#flowpanes {
	width:908px;
	height:400px;	
	margin-left: 1px;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#000;	
	margin:0px 0px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}
/*
#flowpanes a {
	color:#cc9;		
	font-size:14px;
}
*/
#flowpanes p, #flowpanes samp {
	color:#ccc;		
}

#flowpanes div.narrow {
	padding-right:160px;		
}
#flowpanes
{
	background-color:#fff;
	top:10px;
}


/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:908px;
	cursor:pointer;
	font-size:14px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

a
{
	color: #666;	
}

.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:700px;	
	min-height:376px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	
	margin-top: 80px;
}
.simple_overlay2 {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:900px;	
	min-height:485px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	
	margin-top: 60px;
	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../png/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.simple_overlay2 .close {
	background-image:url(../png/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


a.img1
{
	background-image:url(../png/small_mip2latex.png);
	padding-left: 300px;
	padding-bottom: 143px;
	margin-left: 40px;
}
a.img2
{
	background-image:url(../png/small_tables.png);
	padding-left: 300px;
	padding-bottom: 143px;
	margin-left: 40px;
}
a.img3
{
	background-image:url(../png/small_toolwindows.png);
	padding-left: 300px;
	padding-bottom: 143px;
	margin-left: 40px;
}
a.img4
{
	background-image:url(../png/small_userbuttons.png);
	padding-left: 300px;
	padding-bottom: 143px;
	margin-left: 40px;
}
a.img5
{
	background-image:url(../png/small_dockings.png);
	padding-left: 450px;
	padding-bottom: 225px;
	margin-left: 40px;
	margin-top: 200px;
}
a.img6
{
	background-image:url(../png/small_document.png);
	padding-left: 300px;
	padding-bottom: 143px;
	margin-left: 40px;
}
a.img7
{
	background-image:url(../png/small_autocompletion.png);
	padding-left: 300px;
	padding-bottom: 143px;
	margin-left: 40px;
}