/*
 * Main element
 */

body
{
	/*background-image:url('../img/Background.png');
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:fixed;
	
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;*/
	
	word-wrap:break-word;
	
	padding-top:70px;
}

@media (max-width: 767px)
{
	body
	{
		background-image:initial;
		background-color:transparent;
	}
}



/*
 * Panel wait
 */
#wbs-panel-wait
{
}



/*
 * Menu
 */

.wbs-nav-main
{
	/*
		background-color: #A4A4A4;
		background-image: -webkit-linear-gradient(top left, #729EBF 0%, #333A40 100%);
		background-image:linear-gradient(to top left, #729EBF 0%, #333A40 100%);
	*/
	background-color: #333A40;
	/*background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 75%);
	background-image:linear-gradient(to bottom, #333A40 40%, #729EBF 120%);/**/
	
	box-shadow:#000 0px 1px 3px;/**/
	
	font-size:0.95em;
	/*
	-moz-box-shadow: 0px 1px 3px 0px #656565;
	-webkit-box-shadow: 0px 1px 3px 0px #656565;
	-o-box-shadow: 0px 1px 3px 0px #656565;
	box-shadow: 0px 1px 3px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=2);*/
}

.wbs-nav-main .active
{
	background-color: #333A40;
}

#wbs-nav-img-lng
{
	padding:0px;
	width:20px;
	height:20px;
}



/*
 * Logo, main title
 */

#wbs-top-img-logo
{
	width:100px;
	height:100px;
	
	background-repeat:no-repeat;
	background-position:left top;
	
    -webkit-background-size:contain; /*cover*/
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
}

.wbs-top-Title-1
{
	font-weight:bold;
	font-size:1.6em;
	/*text-shadow: 1px 1px 1px black;*/
	color:#333A40;
	text-decoration:none;
}

.wbs-top-Title-2
{
	font-weight:bold;
	font-size:1.3em;
	/*text-shadow: 1px 1px 1px #A4A4A4;*/
	color:#729EBF;
	text-decoration:none;
}

@media screen and (max-width:440px) 
{
	#wbs-top-img-logo
	{
		width:70px;
		height:70px;
	}
	
	.wbs-top-Title-1
	{
		padding-right:0px;
		padding-left:0px;
		margin-right:0px;
		margin-left:0px;
		
		font-size:1.3em;
	}
	
	.wbs-top-Title-2
	{
		padding-right:0px;
		padding-left:0px;
		margin-right:0px;
		margin-left:0px;
		
		font-size:1.1em;
	}
}



/*
 * Connection bar
 */



/*
 * Page content
 */

#wbs-page-content-1
{
	margin-top:15px;
	
	background-color:rgba(51, 58, 64, 0.7);
	/*background-color:rgba(114, 158, 191, 0.8);*/
	/*
	background-color:#729EBF;
	background-image:-webkit-linear-gradient(top left, #729EBF 0%, #333A40 100%);
	background-image:linear-gradient(to top left, #729EBF 0%, #333A40 100%);
	*/
}

@media (max-width: 767px)
{
	/*
	#wbs-page-content-1
	{
		background-color:#729EBF;
		background-image:-webkit-linear-gradient(top left, #729EBF 0%, #333A40 100%);
		background-image:linear-gradient(to top left, #729EBF 0%, #333A40 100%);
	}
	*/
}

#wbs-page-content-2
{
	display:inline-block;
	/*margin:5px;
	margin-bottom:15px;*/
	
	margin:3%;
	margin-right:1%;
	margin-bottom:6%;
	padding:3%;
	
	/*width:70%94%;*/
	min-height:500px;
	
	box-shadow:#000 2px 2px 7px;
	
	background:white;
	
	opacity:1;
}

@media (max-width: 768px)
{
	#wbs-page-content-2
	{
		min-height:500px;
	}
}



#wbs-page-border
{
	/*margin:5px;
	margin-bottom:15px;*/
	
	margin-left:0%;
	margin-right:1%;
	margin-top:3%;
	margin-bottom:6%;
	padding:1%;
	
	width:20%;
	box-shadow:#000 2px 2px 7px;
	
	background:white;
	
	opacity:1;
}

/*
@media screen and (max-width:520px) 
{
	#wbs-page-content-1
	{
		border-top:1px solid #ccc;
		border-radius:0px 0px 0px 0px;
		
		background-color: white;
	}
	
	#wbs-page-content-2
	{
		background-color: white;
		
		box-shadow:#000 0px 0px 0px;
	}
}
*/



/*
 * Title, content
 */

.wbs-frame-grp-title, .wbs-frame-grp-title-2
{
	margin-top:20px;
	margin-bottom:20px;
	
	color:black;
	font-weight:bold;
	font-size:2em;
	text-align:center;
}

.wbs-frame-title, .wbs-frame-title-full, .wbs-frame-title-2, .wbs-frame-grp-title-2
{
	padding:5px;
	
	border-top:1px solid #333A40;
	border-right:1px solid #333A40;
	border-left:1px solid #333A40;
	border-radius:3px 3px 0px 0px;
	
	background-color: #333A40;
	/*
	background-color: #729EBF;
	background-image: -webkit-linear-gradient(top left, #729EBF 0%, #333A40 100%);
	background-image:linear-gradient(to top left, #729EBF 0%, #333A40 100%);
	*/
	
	color:white;
	font-weight:bold;
	font-size:1.1em;
	/*text-shadow: 0px -1px 0px black;*/
}

.wbs-frame-title-full
{
	margin-bottom:20px;
	border-bottom:1px solid #333A40;
	border-radius:3px 3px 3px 3px;
}

.wbs-frame-grp-title-2
{
	border:1px solid #333A40;
	border-radius:3px 3px 3px 3px;
	font-size:2em;
}

.wbs-frame-title-2
{
	border-radius:3px 3px 3px 3px;
}

.wbs-frame-content
{
	border:1px solid #333A40;
	border-radius:0px 0px 3px 3px;
	
	background:white;
	
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.wbs-frame-content, .wbs-frame-content-2
{
	margin-bottom:20px;
	padding-top:10px;
}



/*
 * Multi action
 */

.app-class-multi-action-show
{
	display:none;
}

.app-class-multi-action-hide
{
	
}

.app-class-multi-action-data
{
	width:20px;
	height:20px;
}



/*
 * List
 */

.wbs-list-table
{
	width:100%;
	
	border:1px solid #333A40;
	border-radius:3px 3px 3px 3px;
}

.wbs-list-table-th
{
	/*padding:1%;*/
	
	background-color: #333A40;
	/*
	background-color: #729EBF;
	background-image: -webkit-linear-gradient(top, #333A40 0%, #729EBF 100%);
	background-image:linear-gradient(to bottom, #333A40 0%, #729EBF 100%);
	*/
	
	/*
	background-color: #729EBF;
	background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
	background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
	*/
	
	color:white;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
}

.wbs-list-table-td
{
	/*padding:1%;*/
	
	background-color: #F5F5F5;
	/*
	background-color: #729EBF;
	background-image: -webkit-linear-gradient(top, #C0C0C0 0%, #F5F5F5 100%);
	background-image:linear-gradient(to bottom, #C0C0C0 0%, #F5F5F5 100%);
	*/
	
	color:black;
	font-weight:bold;
	font-size:0.85em;
	text-align:left;
}



/*
 * List 2
 */

.wbs-list-2-content
{
	margin:0px;
	padding:0px;
}

.wbs-list-2-item
{
	padding:5px;
	margin-bottom:10px;
	
	border:1px solid white;
	
	color:black;
	/*font-weight:bold;*/
	font-size:1em;
	text-align:left;
	text-decoration:none;
	vertical-align:center;
}

.wbs-list-2-item-2
{
	padding:5px;
	margin-bottom:10px;
	
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #ccc;
	
	background-color: #F5F5F5;
	/*
	background-image: -webkit-linear-gradient(top left, #F5F5F5 0%, #C0C0C0 100%);
	background-image:linear-gradient(to top left, #F5F5F5 0%, #C0C0C0 100%);
	*/
	
	/*box-shadow:#333A40 0px 1px 1px;*/
	
	color:black;
	/*font-weight:bold;*/
	font-size:1em;
	text-align:left;
	text-decoration:none;
	vertical-align:center;
}

.wbs-list-2-item-select-all
{
	padding:5px;
	margin-bottom:10px;

	border-radius: 3px 3px 3px 3px;
	border: 1px solid #ccc;

	/*
	background-color: #F5F5F5;
	*/
	/*
	background-image: -webkit-linear-gradient(top left, #F5F5F5 0%, #C0C0C0 100%);
	background-image:linear-gradient(to top left, #F5F5F5 0%, #C0C0C0 100%);
	*/

	/*box-shadow:#333A40 0px 1px 1px;*/

	color:black;
	/*font-weight:bold;*/
	font-size:1em;
	text-align:left;
	text-decoration:none;
	vertical-align:center;
}

.wbs-list-2-item-draw
{
	margin-right:5px;
	width:25px;
	height:25px;
	
	vertical-align:bottom;
}

.wbs-list-2-item:hover
{
	border-radius: 5px 5px 5px 5px;
	border:1px solid #269abc;
	/*border:1px solid #848484;*/
	
	/*background:#848484;*/
	/*background-color: #729EBF;*/
	background-color:#d9edf7;
	/*background-image: -webkit-linear-gradient(top left, #729EBF 0%, #333A40 100%);
	background-image:linear-gradient(to top left, #729EBF 0%, #333A40 100%);*/
	
	color:black;
	
	cursor:pointer;
}



/*
 * List block
 */

.wbs-list-block-id-list
{
	margin:0px;
	padding:0px;
}

.wbs-list-block-id-list-main
{
	padding:10px;
	
	border-radius: 5px 5px 5px 5px;
	/*
	background-color: #A4A4A4;
	background-image: -webkit-linear-gradient(top left, #A4A4A4 0%, #848484 100%);
	background-image:linear-gradient(to top left, #A4A4A4 0%, #848484 100%);
	*/
	
	/*
	background-color: #729EBF;
	background-image: -webkit-linear-gradient(top left, #729EBF 0%, #333A40 100%);
	background-image:linear-gradient(to top left, #729EBF 0%, #333A40 100%);
	*/
	
	background-color:rgba(51, 58, 64, 0.7);
}

.wbs-list-block-elm, .wbs-list-block-elm-activ
{
	display:inline-block;
	
	margin:3px;
	padding:3px;
	
	width:45%;
	
	border-radius: 5px 5px 5px 5px;
	border:1px solid white;
	
	/*background:#848484;*/
	/*background-color: #333A40;*/
	background-color: #333A40;
	
	color:white;
	font-weight:bold;
	font-size:1em;
	/*text-shadow: 1px 1px 1px #CFB565;*/
}

@media (max-width: 767px)
{
	.wbs-list-block-elm, .wbs-list-block-elm-activ
	{
		width:98%;
	}
}

.wbs-list-block-elm-activ
{
	border:1px solid black;
	
	background:white;
	
	color:black;
	font-weight:bold;
}

.wbs-list-block-elm-title
{
	padding:3px;
	
	border-radius: 7px 7px 7px 7px;
	
	cursor:pointer;
}

.wbs-list-block-elm:hover
{
	background:white;
	color:black;
}



/*
 * Form
 */

.wbs-form-data
{
	margin-bottom:10px;
}

.wbs-form-err
{
	margin-bottom:10px;
	color:red;
}

.wbs-form-btn
{
	margin-top:20px;
	padding-top:10px;
	
	border-top:1px solid #ccc;
	border-radius:0px 0px 0px 0px;
	
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.wbs-form-msg-main, .wbs-form-msg-main-success, .wbs-form-msg-main-err
{
	margin-bottom:10px;
	padding:5px;
	font-size:1.3em;
}



/*
 * Order sortable
 */
 
.wbs-class-order-drag:hover
{
	cursor:move;
}



/*
 * PSN (Public Social Network)
 */
 
.wbs-class-psn-share-button
{
	margin:5px;
	
	width:45px;
	height:45px;
	
	border-radius:90%;
}



/*
 * Image user
 */
 
.wbs-img-usr
{
	display:inline-block;
	
	width:40px;
	height:40px;
	
	border-radius:3px 3px 3px 3px;
	
	background-repeat:no-repeat;
	background-position:left top;
	
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}

.wbs-img-usr-multi
{
	background-repeat:no-repeat;
	background-position:left top;
	
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}

.wbs-img-usr-connect
{
	width:10px;
	height:10px;
	
	border-radius:90px 90px 90px 90px;
	
	background-color:green;
}

.wbs-img-usr-blocked
{
	width:10px;
	height:10px;
	
	border-radius:90px 90px 90px 90px;
	
	background-color:red;
}



/*
 * Space
 */

.wbs-spc-form
{
	padding:20px;
	
	border:1px solid #ccc;
	border-radius:3px 3px 3px 3px;
	
	background-color: #E9E7EA;
	/*
	background: #E9E7EA;
    background-image: -webkit-linear-gradient(top right, #C0C0C0 50%, #E9E7EA 100%);
    background-image: linear-gradient(to top right, #C0C0C0 50%, #E9E7EA 100%);
	*/
	
	/*box-shadow:#ddd 1px 1px 1px;*/
	/*box-shadow:#000 2px 2px 4px;*/
	
	color:black;
	font-weight:bold;
	font-size:1.1em;
}



/*
 * Home
 */

.wbs-home-msg-start
{
	padding:20px;
	
	border:1px solid #ccc;
	border-radius:3px 3px 3px 3px;
	
	background: #E9E7EA;
	/*
    background-image: -webkit-linear-gradient(top right, #C0C0C0 50%, #E9E7EA 100%);
    background-image: linear-gradient(to top right, #C0C0C0 50%, #E9E7EA 100%);
	*/
	
	/*box-shadow:#000 2px 2px 4px;*/
}

.wbs-home-msg-start > p
{
	color:black;
	font-weight:normal;
	font-size:1.2em;
	text-align:center;
}



/*
 * User config
 */

.wbs-usr-cnf-elm
{
	border:1px solid #333A40;
	border-radius:3px 3px 3px 3px;
	
	background:white;
	
	/*box-shadow:#000 0px 1px 1px;*/
	
	margin-bottom:20px;
	padding-top:10px;
}



/*
 * Blog
 */
 
.wbs-img-blog-art
{
	display:inline-block;
	
	background-repeat:no-repeat;
	background-position:left top;
	
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}

.wbs-elm-blog-art-item
{
	padding:5px;
	margin-bottom:20px;
	
	border:1px solid #ccc;
	border-radius:3px 3px 3px 3px;
	
	box-shadow:#ccc 1px 1px 3px;
}

.wbs-elm-blog-cmt-item
{
	padding:5px;
	margin-bottom:5px;
	
	border:1px solid #ccc;
	border-radius:3px 3px 3px 3px;
	
	background-color:#eee;
	
	/*box-shadow:#ccc 1px 1px 3px;*/
}



/*
 * Forum
 */

.wbs-elm-msg-active
{
	/*border:5px solid green;*/
	border-radius: 5px 5px 5px 5px;
	
	box-shadow:green 5px 5px 7px;
}

#wbs-block-id-for-subj-desc
{
	padding:5px;
	padding-bottom:25px;
	
	background-color: #729EBF;
	background-image: -webkit-linear-gradient(top, #C0C0C0 0%, #F5F5F5 100%);
	background-image:linear-gradient(to bottom, #C0C0C0 0%, #F5F5F5 100%);
	
	border:1px solid #848484;
	border-radius: 3px 3px 3px 3px;
	
	font-size:1em;
	text-align:left;
}



/*
 * Discussion
 */

.wbs-frame-grp-title-disc
{
	margin:0px;
	margin-bottom:5px;
	padding:0px;

	/*
	border-top:1px solid #333A40;
	border-right:1px solid #333A40;
	border-left:1px solid #333A40;
	border-radius:3px 3px 0px 0px;

	background-color: #333A40;
	*/
	/*
	background-color: #729EBF;
	background-image: -webkit-linear-gradient(top left, #729EBF 0%, #333A40 100%);
	background-image:linear-gradient(to top left, #729EBF 0%, #333A40 100%);
	*/

	color:black;
	font-weight:bold;
	font-size:1.5em;
	text-align:left;
}



/*
 * Analysis statistics
 */

.wbs-elm-stat-chart-title
{
	padding:5px;
	margin:0px;
	margin-bottom:0px;
	border-bottom:1px solid #ccc;
}



/*
 * Bt return on top
 */
 
#wbs-body-bt-top-id 
{
	position:fixed;
    bottom:1%;
	right:1%;
	display:none;
	
	/*
	width:48px;
	height:48px;
	*/
	
	background-color:black;
	filter:alpha(opacity = 50); /* IE < 8 */
	opacity:0.5;
	
    cursor:pointer;
}

#wbs-body-bt-top-id:hover 
{
    filter:alpha(opacity = 100); /* IE < 8 */
    opacity:1;
}