/*** General HTML definitions ***/
html, body{
	width: 100%;
	height: 100%;
}
.ws_body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	background-color: #F2F2F2;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.ws_body a {
	text-decoration: none;
  	font-weight: normal;
}
.ws_body a:hover {
	/*font-weight: bold;*/
	text-decoration:underline;
}
form{
	margin: 0;
	padding: 0;
}

/* Main Layout Definition Begin */
div.ws_head{
	position: relative;
	height: 51px;
	background: #F2F2F2 url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/bg_head.gif) repeat-x;
	padding: 0;
	margin: 0;
}

/* App Logo */
div.ws_head div.ws_appdecor{
	position: absolute;
	top: 0;
	left: 0;
	width: 96px;
	height: 31px;
	background: url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/eplatform.gif) no-repeat;
}

div.ws_head div.ws_appinfo{
	float: left;
	margin: 27px 0 0 0;
	line-height: 24px;
	padding-left: 16px;
	font-size: 1.4em;
	font-weight: bold;
	color:  #38485C;
}

/* Tabbar Inside ws_head */

.ws_body .ws_mainnavigation{
	position:absolute;
	right:0px;
	top: 27px;
}

.ws_body .ws_mainnavigation ul.wf_tabbar, 
.ws_body .ws_mainnavigation ul.wf_tabbar li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.ws_body .ws_mainnavigation ul.wf_tabbar{
	float: right;
}
.ws_body .ws_mainnavigation ul.wf_tabbar li{
        margin-top: -4px;
	float: left;
	background: url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/tabbar/bg_item_left.gif) left top no-repeat;
	z-index: 0;
        background-position: 0 4px;
}
.ws_body .ws_mainnavigation ul.wf_tabbar li a{
	padding: 10px 12px 0 12px;
	margin: 0;
	float: left;
	height: 21px;
	font-weight: bold;
	color: #575757;
	font-size: 1.0em;
	z-index: 0;
}

.ws_body .ws_mainnavigation ul.wf_tabbar li a:hover{
	background: url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/tabbar/bg_item_main_hover.gif) no-repeat;
	text-decoration: none;
	color:  #38485C;
	z-index: 0;
        background-position: 0 4px;
}

.ws_body .ws_mainnavigation ul.wf_tabbar li.selected{
	background: url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/tabbar/bg_item_left_selected.gif) left top no-repeat;
	z-index: 1;
}
.ws_body .ws_mainnavigation ul.wf_tabbar li.selected a,
.ws_body .ws_mainnavigation ul.wf_tabbar li.selected a:hover
{
	color: #38485C;
	font-weight: bold;
	background: url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/tabbar/bg_item_right_selected.gif) right top no-repeat;
	text-decoration: none;
	margin-right: -3px;
	padding-right: 16px;
	padding-top: 7px;
	height: 24px;
	z-index: 1;
}

div.ws_layout_twocolumn{
	background: #F2F2F2;
}

/* Left menu */
div.ws_functionmenu{
	position: absolute;
	top: 51px;
	bottom: 4px;
	left: 0;
	width: 202px;

/* IE fix for non support for bottom:0  */
	height: expression(
	(
	document.body.clientHeight) ?
	document.body.clientHeight - 55 + 'px'
	:
	document.documentElement.clientHeight - 55 + 'px'
	);
}

html>body div.ws_functionmenu {
	height: auto;
}

div.ws_helpdesk div.wf_tabbarmainarea {
	margin: 0;
	padding: 0;
	display: none;
}

div.ws_helpdesk div.wf_container {
	margin: 0;
	padding: 20px 12px;
	color: #797979;
}

div.ws_helpdesk div.wf_container h3 {
	margin: 0 0 5px;
	padding: 0;
	color: #797979;
	font-size: 1.1em;
}

div.ws_helpdesk div.wf_block {
	border-bottom: none;
}

div.ws_functionmenu div.ws_divider {
	height: 4px;
	background: #F2F2F2;
	font-size: 0;
}

div.ws_functionmenu div.ws_bottom {
	position: absolute;
	bottom: -1px;
	margin: 0 4px;
	width: 194px;
	background: #D7D7D7;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

html>body div.ws_functionmenu div.ws_bottom {
	bottom: 0;
}

/*Small login box*/
div.ws_smallloginbox{
	position: absolute;
	right: 0;
	width: 450px;
	height: 20px;
	color: #fff;
	background: #4C627D url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/smallloginbox/bg_left.gif) left bottom no-repeat;
}

div.ws_smallloginbox .login {
	width: 450px;
	max-width: 450px;
}

div.ws_smallloginbox .currentUser {
	font-weight: normal;
	font-size: 1em;
	width: 350px;
	line-height: 20px;
	padding: 0 10px;
}

div.ws_smallloginbox p{
	float: left;
}
div.ws_smallloginbox input{
	float: right;
	margin: 0;
	padding: 0 6px 0 6px;
	background: #38485C;
	color: #fff;
	font-size: 0.8em;
	border: 1px solid #6F89A8;
	text-transform: uppercase;
	margin-top: 4px;
	margin-right: 5px;
}

/* Main Layout Definition Begin */


/***Workspace Begin***/
div.ws_layout_twocolumn div.ws_main{
	margin: 0 0 0 202px;
}

div.ws_layout_twocolumn div.ws_main .wf_block{
	margin: 4px 4px 4px 0px;
}

div.ws_layout_onecolumn div.ws_main{
	/*margin: 0 0 0 4px;*/
	margin: 0 0 0 0;
}
div.ws_main .wf_block.maximizedvertically{
	position: relative;
	height: expression(
	(
	document.body.clientHeight) ?
	document.body.clientHeight - 55 + 'px'
	:
	document.documentElement.clientHeight - 55 + 'px'
	);

	width: expression(
	(
	document.body.clientWidth) ?
	document.body.clientWidth - 205 + 'px'
	:
	document.documentElement.clientWidth - 205 + 'px'
	);
}

html>body div.ws_main .wf_block.maximizedvertically{
	height: auto;
	position: absolute;
	top: 51px;
	bottom: 4px;
	left: 202px;
	right: 0;
	margin-bottom: 0;
	overflow: hidden;
}

div.ws_main .wf_block.maximizedvertically .wf_blockmainarea{
	position: absolute;
	top: 45px;
	left: 0;
	height: expression(
	(
	document.body.clientHeight) ?
	document.body.clientHeight - 144 + 'px'
	:
	document.documentElement.clientHeight - 144 + 'px'
	);

	width: expression(
	(
	document.body.clientWidth) ?
	document.body.clientWidth - 208 + 'px'
	:
	document.documentElement.clientWidth - 208 + 'px'
	);
	overflow-y: scroll;
	width: 100%;
	/*background: #fff;*/
	
}

html>body div.ws_main .wf_block.maximizedvertically .wf_blockmainarea{
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	bottom: 0;
	overflow: auto;
}

.wf_login{
	margin: 100px;
	color: white;
	display:inline;
}


.ws_loginpage{
	margin: 0px;
	padding: 0px;
	/***background-image: url(images/background9.jpg);***/
	background-color: #F2F2F2;
	background-image: url(images/logingradient.png);
}

.ws_mainloginbox{
	width:400px;
	height:400px;
	margin: 0px;
	padding:50px;
	background-position: center center;
	background-repeat: no-repeat;
	border:none;
	background: url(images/idegalogin.png);
	
	
	/***IE TRANSPARENCY HACKS***/
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/idegalogin.png',sizingMethod='scale');
}

.ws_mainloginbox * {
	/***IE TRANSPARENCY HACKS - This is to make the form/link elements response over the div ***/
	position:relative;
}

.ws_mainloginbox2{
	width: 500px;
	height: 500px;
	margin: 0px;
	padding: 50px;
	
	background: url(images/idegalogin.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/idegalogin.png', sizingMethod='scale');

	background-position: center center;
	background-repeat: no-repeat;
	
	/***background-color: rgba(255,255,255,0.55);***/
	/***
		background-color: white;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        opacity: 0.6;
    ***/
}

.ws_mainloginbox input {
	color:black;
}

.ws_mainloginbox,.ws_mainloginbox *{
	color:white;
	font-family:Verdana,Sans-serif;
  	font-size: 0.99em;
  	/***
  	text-shadow: 4px 4px 10px #DDDDDD;
  	***/
}

.ws_mainloginbox,.ws_mainloginbox div{
	margin: 5px;
}

.ws_mainloginbox .productinfo{
	margin: 15px;
	font-size:1.6em;
}

.ws_mainloginbox .buildid{
	font-size:0.7em;
}

.ws_mainloginbox .copyrighttext{
	display: none;
}

.ws_mainloginbox .domaininfo{
	margin-top: -10px;
	margin-bottom:20px;
	font-size:0.9em;
}


div.wf_block div.wf_tabbarcontainer {
	position: absolute;
	top: 23px;
	left: 0;
	width: 100%;
	height: 22px;
	background: #FAFAFA url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/tabbar/bg_item.gif) repeat-x;
	border-bottom: 1px solid #D7D7D7;
/*	border-right: 1px solid #d7d7d7;*/
}

div.wf_block div.wf_toolbarcontainer {
	width: 100%;
	height: 22px;
	background: #FAFAFA url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/toolbar/bg_item.gif) repeat-x;
	border-bottom: 1px solid #D7D7D7;
}

div.wf_block ul.wf_tabbar, 
div.wf_block ul.wf_tabbar li,
div.wf_block ul.wf_toolbar, 
div.wf_block ul.wf_toolbar li{
	list-style: none;
	margin: 0;
	padding: 0;
}
div.wf_block ul.wf_tabbar li,
div.wf_block ul.wf_toolbar li{
	float: left;
	height: 22px;
	border: 1px solid #D7D7D7;
	border-width: 0 1px 0 0;
}
div.wf_block ul.wf_tabbar li a,
div.wf_block ul.wf_toolbar li a,
div.wf_block ul.wf_tabbar li span,
div.wf_block ul.wf_toolbar li span
{
	float: left;
	padding: 4px 10px 0 35px;
	height: 18px;
	font-weight: normal;
	color: #464646;
}
div.wf_block ul.wf_tabbar li.selected,
div.wf_block ul.wf_toolbar li.wf_toolbarbuttonselected
{
	background: #E7E7E7 url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/tabbar/bg_item_selected.gif) repeat-x;
}
div.wf_block ul.wf_tabbar li a,
div.wf_block ul.wf_tabbar li a:hover,
div.wf_block ul.wf_toolbar li a,
div.wf_block ul.wf_toolbar li a:hover,
div.wf_block ul.wf_tabbar li span,
div.wf_block ul.wf_toolbar li span
{
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
div.wf_block ul.wf_tabbar li a:hover,
div.wf_block ul.wf_toolbar li a:hover {
	background-color: #e7e7e7;
}

.wf_block div.wf_titlebar div.wf_titlebar_text{
	color: #404040;
	font-weight: bold;
	padding: 1px 20px 0;
	margin: 0 0 0 5px;
}
.wf_block div.wf_titlebar div.wf_titlebar_icon{
	padding: 4px 5px 0;
	margin: 0;
}

/* Main */
.wf_block div.wf_titlebar{
	height: 22px;
	background: url(/idegaweb/bundles/com.idega.workspace.bundle/resources/style/images/bg_titlebar.gif) repeat-x;
	width: 100%;
//display: none;
}

/*** Begin WS Function (Left) Menu ***/

div.ws_functionmenu .wf_block{
	margin-left: 4px;
	margin-bottom: 0;
}
div.ws_functionmenu div.wf_titlebar_icon{
	display: none;
}
div.ws_functionmenu div.wf_titlebar{
	border-top: 1px #fff solid;
	height: 35px;
	background: url(images/wf_background.gif) repeat-x;
	padding: 6px 0 0 0px;
	color: #515151;
	font-weight: bold;
	font-size: 1.2em;
	font-variant: small-caps;
}
div.ws_functionmenu div.wf_titlebar a{
	text-decoration: none;
	color: #00AEFF;
	font-size: 0.7em;
	font-weight: bold;
	font-variant: normal;
}
div.ws_functionmenu div.wf_titlebar a:hover{
	text-decoration: underline;
}

div.ws_functionmenu ul.wf_viewmenu, 
div.ws_functionmenu ul.wf_viewmenu li
{
	margin: 0;
	padding: 0;
}
div.ws_functionmenu ul.wf_viewmenu{
	list-style: none;
	border: none;
	background: #fff;
}

div.ws_functionmenu ul.wf_viewmenu li{
	border: none;
	border-top: 1px solid #F4F4F4;
	clear: both;
	display: block;
	#min-height:31px;
	overflow:auto;
	#padding-bottom:3px;
	#padding-right:3px;
}

div.ws_functionmenu ul.wf_viewmenu li ul.wf_viewmenu,
div.ws_functionmenu ul.wf_viewmenu li ul.wf_viewmenu li{
	background:none;
}

div.ws_functionmenu ul.wf_viewmenu li ul.wf_viewmenu li{
	min-height:0px;
}

div.ws_functionmenu ul.wf_viewmenu li a{
	color: #303030;
	font-weight: bold;
	padding: 6px 0 6px 24px;
	display: block;
	background: url(images/viewmenu_mainbullet2.png) 11px 7px no-repeat;
	font-size: 11px;

	/***IE TRANSPARENCY HACKS***/
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
/*
    _background-image:none;
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/ePlatform/content/idegaweb/bundles/com.idega.webface.bundle/resources/style/images/viewmenu_mainbullet2.png');
*/
}
div.ws_functionmenu ul.wf_viewmenu li a:hover{
	text-decoration: underline;
}
div.ws_functionmenu ul.wf_viewmenu li:hover{
	/*background: #FAFAFA;*/
}

div.ws_functionmenu ul.wf_viewmenu li.selected{
	background: #025FD0 url(images/functionmenu/bg_item_selected.gif) repeat-x;
}
div.ws_functionmenu ul.wf_viewmenu li.selected a{
	color: #fff;
}
div.ws_functionmenu ul.wf_viewmenu li ul{
	clear: both;
	margin-left: 19px;
}
div.ws_functionmenu ul.wf_viewmenu li ul li{
	border: none;
	/** TL: This float is causing problems in IE so it is commented out for now: */
	/*float: left;*/
	clear: none;
	height: auto;
	padding-bottom: 4px;
}
div.ws_functionmenu ul.wf_viewmenu li ul li a{
	display: inline;
	font-weight: normal;
	padding: 0 0 0 5px;
	background: none;
	font-size: 10px;
	color: #777777;
	/*_filter: none;*/
}
div.ws_functionmenu ul.wf_viewmenu li ul li:hover{
	background: none;
}

/***By default not display more than two levels of the menu:***/
div.ws_functionmenu .wf_viewmenu * .wf_viewmenu * .wf_viewmenu{
	display:none;
}

div.ws_functionmenu .wf_viewmenu .deselected a:hover {
	color: black;
}

/*** End WS Function (Left) Menu ***/

.ws_body .ws_layout_compact .ws_head .ws_mainnavigation{
	display:none;
}

.ws_body table, .ws_body table tr, .ws_body table tr td{
	/*This is done because of IE, doesn't inherit font style from page:*/
	font-size: 11px;
	font-family:inherit;
}

.ws_body input,.ws_loginpage input,.ws_body textarea{
	font-size: 1.1em;
	color: #000000;
	text-align: justify;
	border: 1px solid #ABABAB;
	margin: 3px;
	font-family:inherit;
}

.ws_body select{
	font-size:  1.1em;
	color: #000000;
	text-align: justify;
	border: 1px solid #ABABAB;
	margin: 3px;
}

.ws_body iframe{
	border: 0px solid black;
}


.ws_body.centered{
	padding: 0px;
	margin: 20%;
}

.ws_body.centered .wf_block{
	width:60%;
}

.wf_blockmainarea input.InterfaceButton{ 
	display: block;
	text-align: center;
	padding-top: 2px;
}

form .wf_block{
	overflow: hidden;
}

form .wf_blockmainarea{
	overflow: hidden;
}

/* Hide titlebars for user and builder app */
body#workspacepage1.ws_body #workspaceform1 .wf_titlebar{ 
	display: none; 
} 

body#workspacepage1.ws_body #workspaceform1 .ws_functionmenu .wf_titlebar, 
body#workspacepage1.ws_body #workspaceform1 .wf_block .wf_block .wf_titlebar{
	display: block;
}

#workspacebuilderapp1.ws_body .ws_layout_onecolumn #workspacebuilderappform1 .ws_main .wf_titlebar{
display: none;
}

body.ws_body .ws_layout_twocolumn form#_id0 .ws_main .wf_block{ 
position: absolute;
top: 51px;
bottom: 0;
height: auto;
left: 202px;
right: 0;
width: auto;
overflow: auto;
}


/***Workspace End***/