/*
    Document   : base
    Created on : 14.12.2010, 22:11:35
    Author     : petr
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.hidden {
    display: none;
}

.deleted {
    text-decoration: line-through;
}

.prototypes {
    display: none;
}

div#topmenu li {
    cursor: hand;
    cursor: pointer;
}

textarea {
    width: 90%;
    height: 25em;
}

.dragable li {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
    list-style: none;
    margin: 0;
}

.module-content {
    clear: both;
    border: 2px #202020 solid;
    height : 100%;
    width: 100%;
    position: static;
    background: #FFFFFF;
}

.module-content iframe {
	width: 100%;
	border: none;
	height: 600px;
}

div.header menu li a {
    color: #000000;
    font-weight: bold;
    font-variant: small-caps;
    display: block;
    margin:auto;
}

menu.submenu {
    position: absolute;
    left: 0px;
    top: -0px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

menu.submenu li {
    float: left;
    padding: 4px 5px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #ff4a37;
    background-color: #ffdfc0;
    cursor: pointer;
    cursor: hand;
}

menu.submenu li:hover {
    background-color: #ffad5c;
}

menu.submenu li.active {
    background-color: #fff9f3;
}

.toolpanel {
    float: left;
}

.button-icon-only {
    width: 16px;
    height: 16px;
    background-image: url(/images/user-icons.png);
    cursor: pointer;
    cursor: hand;
}

button.button-icon-only {
    width: 18px;
    height: 17px;
}

.button-icon-delete {background-position: 0 0}
.button-icon-edit {background-position: -16px 0}
.button-icon-addfile {background-position: -32px 0}
.button-icon-adddir {background-position: -48px 0}

legend h2 a {
	text-decoration: none;
	font-variant: small-caps;
}

#login {
	margin : 70px auto;
	text-align: center;
	width: 400px;
}

#login p {
	margin: auto;
	text-align: right;
}

#topmenu ul li.active a {
	background-color: #FFFFFF;
	color: #5D99A3;
}

#popup-menu {
	position: absolute;
	background-color: #5D99A3;
	color: #FFFFFF;
	right: inherit;
	z-index: 99;
}

#popup-menu li {
	display: block;
	float: none;
	padding: 2px 5px;
	margin: 0;
	border: solid #FFFFFF 1px;
	cursor: pointer;
	cursor: hand;
}

#popup-menu li:hover {
	color: #5D99A3;
	background-color: #FFFFFF;
}

.maximalized {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.maximalized #popup-menu li {
	float: right;
}

.dataTables_wrapper label {
    /*  */
    width : auto;
    float: none;
}

#gui-submenu {
	list-style: none;
	margin : 0 0 15px 0;
}

#gui-submenu li {
	float : left;
	margin : 0;
	padding : 5px;
	border : 1px solid #000000;
	font-size: small;
}

#gui-submenu li:hover { background: #cccccc; }

.gui-breaker {
	clear : both;
}

.multirow-table thead {
	background-color: #C3D9FF;
}

table input[type=checkbox] { width: auto; }

.token-used {color: hotpink; }