html, body
{
	color : #222222;
	background : #dddddd;
	font-size : 12px;
	font-family : Arial, cursive;
	margin : 0px;
	padding : 0px;
	width : 100%;
	height : 100%;
}

#nosupport
{
	width : 450px;
	margin : 0px auto;
	padding : 10px;
	text-align : center;
}

#nosupport div.nosupporterror
{
	color : #aa0000;
	background : transparent;
	font-size : 14px;
	margin-bottom : 10px;
}

#top
{
	color : #dddddd;
	background : linear-gradient(#333333, #111111) #222222;
	overflow : auto;
}

#buttons
{
	overflow : auto;
	float : left;
}

#extbuttons
{
	overflow : auto;
	float : right;
}

#logo
{
	color : #ffffff;
	background : linear-gradient(#0095c6, #006d91) #008ab8;
	font-size : 14px;
	text-align : center;
	text-decoration : none;
	width : 240px;
	padding : 5px 0px;
	margin : 6px;
	box-shadow: 0px 0px 5px #000000;
	cursor : pointer;
	float : left;
}

span.version
{
	margin-left : 5px;
	font-size : 10px;
}

div.topbutton
{
	cursor : pointer;
	display : block;
	float : left;
}

img.topbutton
{
	width : 25px;
	height : 25px;
	padding : 7px 4px;
	cursor : pointer;
	display : block;
	float : left;
}

div.extbutton
{
	color : #000000;
	background : linear-gradient(#dddddd, #bbbbbb) #cccccc;
	border-radius : 5px;
	padding : 5px 10px;
	margin : 6px;
	cursor : pointer;
	display : block;
	float : left;
}

div.extbutton img
{
	margin-right : 5px;
	display : block;
	float : left;
}

#left
{
	color : #222222;
	background : #cccccc;
	width : 250px;
	float : left;
	overflow : auto;
}

#menu
{
	margin : 5px;
}

div.menuitem
{
	padding : 1px 3px;
	margin-bottom : 2px;
	text-overflow : ellipsis;
	white-space : nowrap;
	overflow : hidden;
}

div.menuitem.highlighted
{
	background : #95cae4;
	padding : 0px 2px;
	border : 1px solid #008ab8;
}

div.menuitemcontent
{
	margin-left : 15px;
	margin-bottom : 5px;
}

div.menutext
{
	padding : 2px;
	margin-left : 3px;
	float : left;
}

img.menubutton
{
	padding : 1px;
	float : left;
	cursor : pointer;
	border : 0px;
	display : block;
}

div.colorbutton
{
	width : 14px;
	height : 14px;
	border : 1px solid #222222;
	float : left;
}

div.progressbarborder
{
	height : 20px;
	border : 1px solid #222222;
}

div.progressbarcontent
{
	color : #ffffff;
	background : #279b61;
	height : 20px;
}

table.infotable
{
	border-collapse : collapse;
}

table.infotable td
{
	background : #d0d0d0;
	padding : 4px 5px;
	border : 1px solid #aaaaaa;
}

div.submenubuttons
{

}

div.submenubuttons img.submenubutton
{
	padding : 3px;
	margin-right : 3px;
	cursor : pointer;
}

div.importerdialog
{
	width : 450px;
}

div.welcometitle
{
	font-size : 19px;
	text-align : center;
	margin : 20px 0px;
}

div.welcometext
{
	text-align : center;
	margin : 20px 0px;
}

div.welcometextformats
{
	text-align : center;
	font-size : 17px;
	margin : 25px 0px;
}

canvas
{
	display : block;
}

a
{
	color : #225588;
	background : transparent;
	text-decoration : none;
}

a:hover
{
	text-decoration : underline;
}

@media only screen and (max-device-width : 600px)
{
	#logo
	{
		display : none;
	}
	
	#left
	{
		display : none;
	}

	#extbuttons
	{
		display : none;
	}

	div.importerdialog
	{
		width : 80%;
	}
}
