@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/********* Sections: *********/

/* - CONTENTPANE - */
/*- DEFAULT - */
/*- SKINFILE - */
/*- SYSTEMSETTINGS - */
/*- TOPMENUSETTINGS - */
/*- WEBPART - */

/*****************************/

/* - CONTENTPANE - */

td.contentPaneLeft 
{
/*	background-image: url(../../Images/ContentPane/FrameLeft.gif);*/
	background-repeat: repeat-y;
	width: 1px;
	background-color: #ffffff;
}

td.contentPaneRight 
{
/*	background-image: url(../../Images/ContentPane/FrameRight.gif);*/
	background-repeat: repeat-y;
	width: 2px;
	background-position:right;
	background-color: #ffffff;
}

td.contentPaneTop
{
/*	background-image: url(../../Images/ContentPane/FrameTop.gif);*/
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	background-position:bottom;
	background-repeat: repeat-x;
}

td.contentPaneCornerUR
{
/*	background-image: url(../../Images/ContentPane/C_top_right.gif);*/
	height: 12px;
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	background-position:bottom;
	background-repeat: no-repeat;
}

td.contentPaneCornerUL
{
/*	background-image: url(../../Images/ContentPane/C_top_left.gif);*/
	height: 12px;
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	background-position:bottom;
	background-repeat: no-repeat;
}


td.contentPaneCornerLL
{
/*	background-image: url(../../Images/ContentPane/C_bottom_left.gif);*/
	height: 12px;
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	background-repeat: no-repeat;
}

td.contentPaneCornerLR
{
/*	background-image: url(../../Images/ContentPane/C_bottom_right.gif);*/
	height: 12px;
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	background-repeat: no-repeat;
}

td.contentPaneBottom 
{
	height: 12px;
	line-height: 12px;
	font-size: 12px;
/*	background-image: url(../../Images/ContentPane/FrameBottom.gif);*/
	background-repeat: repeat-x;
}

td.contentPaneBackground 
{
	background-color: #FFFFFF;
	background-image: none;
}

/*- DEFAULT - */

.body 
{
    margin: 0px;     
	text-align: center;
}

body 
{
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	font-size: 12px;
    background-color: #FFFFFF;
/*    background-repeat: repeat-x;*/
/*    background-image: url(../../Images/body_gradient.jpg);*/
}

div.menuContainer
{
	text-align: center;
}

table.menuTableContainer
{
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

td.menuSliderContainer
{
	padding-bottom: 8px; 
	text-align: center;
}

table.menuTopButtonContainer
{
	width:100%;
}

td.menuTopButtonContainerLeft
{
	padding-left: 7px;
}

td.menuTopButtonContainerRight
{
	padding-right: 7px;
}

table.loginDomain
{
	display: inline; 
	margin-bottom: 3px;
	padding-right: 6px;
}

table.loginUserName
{
	display: inline; 
	margin-bottom: 3px;
	padding-right: 6px;
}

table.loginPassword
{
	display: inline; 
	margin-bottom: 3px;
	padding-right: 6px;
}

table.loginButton
{
	display: inline; 
	margin-bottom: 3px;
}

table.systemSettings
{
	display: inline;
}

table.personalSettings
{
	display: inline;
}

table.logout
{
	display: inline;
}

.menuTopButtonContainerMarginLeft
{
	margin-left: 8px;
}

table.menuWebPartContainer
{
	/*width: 100%; removed by bj*/
}

td#zones1td
{
}

td#zones2td
{
	padding-left: 8px; 
}

td#zones3td
{
	padding-left: 8px; 
}

td#zones4td
{
	padding-left: 8px; 
}

.menuDisableTip
{
	position: absolute;
	width: 250px;
	border: 1px solid #4F82C7;
	padding: 6px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 1000;
}
.disableContentOnEdit 
{
	background-color:White;
	/*opacity:0.70;
	filter:alpha(opacity=50);**/
	-moz-opacity:.5;
}

a.iconsWithText:link 
{
	font: normal normal 12px 'Open Sans';
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
}  
 
a.iconsWithText:visited 
{
	font: normal normal 12px 'Open Sans';
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
}  

a.iconsWithText:hover 
{
	font: normal normal 12px 'Open Sans';
	color: #000000;
	text-decoration: underline;
	vertical-align: middle;
}  

a.iconsWithText:active 
{
	font: normal normal 12px 'Open Sans';
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
}  

.updateProgress
{
	position: absolute;
	background-color: #FFFFFF;
	/*filter: alpha(opacity=80);
	MozOpacity: 0.8;
	opacity: 0.8;*/
}

.updateProgress div
{
	background-color: #FFFFFF;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}

/*- SKINFILE - */

fieldset
{
	padding: 0px 0px 0px 0px;
	border: 1px solid #A0A0A0;
}

legend
{
	margin-left: 6px;
}

.skinfile_textbox {
    font: normal normal 12px 'Open Sans';
    color: #000000;
    background-color: #fff;
    border: 1px solid #999;   
    line-height: 18px;
    padding: 0px 0px 0px 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.skinfile_label 
{
	font: normal normal 12px 'Open Sans';
	color: #282828;
}

.skinfile_inputframeheader 
{
	font-weight: normal;
	font-size: 12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:	#6D6D6D;
}

.skinfile_linkbutton 
{
	font-weight: normal;
	font-size: 12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color: #4F82C7;
}

.skinfile_linkbutton:active 
{
	font-weight: normal;
	font-size: 12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color: #4F82C7;
}

.skinfile_linkbutton:link 
{
	font-weight: normal;
	font-size: 12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color: #4F82C7;
}

.skinfile_linkbutton:hover 
{
	font-weight: normal;
	font-size: 12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color: #4F82C7;
}

.skinfile_hyperlink 
{
	font: normal normal 12px 'Open Sans';
	color: #4F82C7;
}

.skinfile_hyperlink:active 
{
	font: normal normal 12px 'Open Sans';
	color: #4F82C7;
}

.skinfile_hyperlink:link 
{
	font: normal normal 12px 'Open Sans';
	color: #4F82C7;
}

.skinfile_hyperlink:hover 
{
	font: normal normal 12px 'Open Sans';
	color: #4F82C7;
}

.skinfile_checkbox 
{
	font: normal normal 12px 'Open Sans';
	color: #000000;
}

.skinfile_radiobutton 
{
	font: normal normal 12px 'Open Sans';
	color: #000000;
}

.skinfile_dropdown 
{
	font: normal normal 12px 'Open Sans';
	color: #000000;
}

.skinfile_listbox 
{
	font: normal normal 12px 'Open Sans';
	color: #000000;
}

.skinfile_validation 
{
	font: normal normal 12px 'Open Sans';
	color: Red;
}

.skinfile_treeview 
{
	font: normal normal 12px 'Open Sans';
	color: #000000;
}

.skinfile_treeview td div 
{
	height: 20px !important
}

.tree td div /* Bug in asp:TreeView */
{
	height: 20px !important
}

.skinfile_unique 
{
	font: normal normal 12px 'Open Sans';
	color: #000000;
	vertical-align:top;
}

a:link 
{
    text-decoration:    none;
    color:  #4F82C7;
}

a:visited 
{
    text-decoration:    none;
    color:  #4F82C7;
}

a:active 
{
    text-decoration:    none;
    color:  #4F82C7;
}

a:hover 
{
    text-decoration:    underline;
    color:  #4F82C7;
}

/*- SYSTEMSETTINGS - */


tr.systemSettTopRowBackGround
{
	background: #FFFFFF url(../../Images/SystemSettings/admin_normal.gif) repeat-x;
}

div.systemSettTopRowBackGround
{
	background: #FFFFFF url(../../Images/SystemSettings/admin_normal.gif) repeat-x;
}

td.systemSettTopCellNormal
{
	text-decoration:none;
	height:25px;
	text-align:center;
	display:block;
	color: #000000;
	background: #FFFFFF url(../../Images/SystemSettings/admin_normal.gif) repeat-x;
	padding-left:30px;
	padding-right:30px;		
}

td.systemSettTopCellNormal:hover
{
	text-decoration:none;
	background: #FFFFFF url(../../Images/SystemSettings/admin_normal_hover.gif) repeat-x;
}

td.systemSettTopCellSelected
{
	text-decoration:none;
	height:25px;
	text-align:center;
	color: #ff0000;
	background: #FFFFFF url(../../Images/SystemSettings/admin_normal_click.gif) repeat-x;
	padding-left:30px;
	padding-right:30px;
}

div.systemSettBottomRowBackGround
{
	height: 28px;
	font: normal normal 12px 'Open Sans';
	color: #000000;
	background: url(../../Images/SystemSettings/admin_normal_bottom.gif) repeat-x;	
}

a.systemSettBottomHyperLink
{
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	color: #000000;
}

a.systemSettBottomHyperLink:visited
{
	text-decoration: none;
	color: #000000;
}

a.systemSettBottomHyperLink:active
{
	text-decoration: none;
	color: #000000;
}

a.systemSettBottomHyperLink:link
{
	text-decoration: none;
	color: #000000;
}

a.systemSettBottomHyperLink:hover
{
	text-decoration: none;
	color: #000000;
}

.systemSettBottomSeperator
{
	height: 28px;
	vertical-align:bottom;
	font: normal normal 12px 'Open Sans';
	color: #000000;
	width:6px;
	background-repeat:no-repeat;
	background: url(../../Images/SystemSettings/admin_seperator_below.gif) repeat-x;	
}

.systemSettBottomHelpButton
{
	float:right;
	padding-top:6px;
	padding-right:8px;
}

/*- TOPMENUSETTINGS - */

td.topMenuSettingsCornerLL
{
	text-align: right;
	vertical-align: top;
	width: 148px;
	background-image: url(../../Images/EditTopMenu/left_bottom.gif);
}

div.topmenuSettingsContentTop
{
	background-image: url(../../Images/EditTopMenu/menu_top_middle.gif); 
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	background-position:bottom;
	background-repeat: repeat-x;
}

div.topmenuSettingsContentTopLeft 
{
	background-image: url(../../Images/EditTopMenu/menu_top_left.gif); 
	height: 12px;
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	background-position:bottom;
	background-repeat: no-repeat;
}

div.topmenuSettingsContentTopRight
{
	background-image: url(../../Images/EditTopMenu/menu_top_right.gif); 
	height: 12px;
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	background-position:bottom;
	background-repeat: no-repeat;
}

td.topmenuSettingsContentLeft 
{
	background-image: url(../../Images/EditTopMenu/menu_left.gif); 
	background-repeat: repeat-y;
	width: 12px;
	background-position:right;
}

td.topmenuSettingsContentRight
{
	background-image: url(../../Images/EditTopMenu/menu_right.gif); 
	background-repeat: repeat-y;
	width: 12px;
}

div.topmenuSettingsContentMiddle
{
	background-image: url(../../Images/EditTopMenu/menu_bottom_middle.gif); 
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	background-repeat: repeat-x;
}

div.topmenuSettingsContentBottomLeft
{
	background-image: url(../../Images/EditTopMenu/menu_bottom_left.gif); 
	height: 12px;
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	background-repeat: no-repeat;
}

div.topmenuSettingsContentBottomRight   
{
	background-image: url(../../Images/EditTopMenu/menu_bottom_right.gif); 
	height: 12px;
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	background-repeat: no-repeat;
}

td.topmenuSettingsBackGround
{
	background-color: #D9D9D9;
	height: 207px;
}

td.topMenuSettingsBottom
{
	vertical-align: top; 
	background-image: url(../../Images/EditTopMenu/middle_bottom.gif); 
	background-repeat: repeat-x;
}

td.topmenuSettingsRightBackGround
{
	background-image: url(../../Images/EditTopMenu/right.gif); 
	background-repeat: repeat-y;
}

td.topMenuSettingsCornerLR
{
	vertical-align: top; 
	background-image: url(../../Images/EditTopMenu/right_bottom.gif); 
	width: 8px;
}

div.topmenuSettingsMenu
{
	width:150px;
	height:35px;
	text-decoration:none;
	text-align: center;
	color: #000000;
	padding-top:0px;
}

div.topmenuSettingsMenuSelected
{
	width:150px;
	height:35px;
	text-decoration:none;
	text-align: center;
	color: #000000;
	background-image:url(../../Images/EditTopMenu/selected.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-top:0px;
}

.topmenuSettingsMenuText
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	display: block;
	font-style: normal;
	text-decoration:none;
}

td.topmenuSettingsMenuContent
{
	background-image:url(../../Images/EditTopMenu/left.gif);
	background-repeat:repeat-y;
	width:150px;
	padding-top: 10px;
}

/*- WEBPART - */

.contentPanel /* Padding in modules */
{
	padding: 8px;
}

.webpartZonesHighlight
{
	background-color: #E2E2E2;
}

.webpartZonesNormal
{
	background-color: #FFFFFF;
}

.webpartApplicationZonesHighlight 
{

}

.webpartApplicationZonesNormal 
{

}

/******************* START NORMAL MODULE *******************/

td.webpartTop
{

	background-image: url(../../Images/WebPart/Normal/wp_normal_top.gif);
	background-repeat: repeat-x;
	height: 2px;
}

td.webpartRight
{
	background-image: url(../../Images/WebPart/Normal/wp_normal_right.gif);
	background-repeat: repeat-y;
	width: 5px;
}

td.webpartCornerLL
{
	background-image: url(../../Images/WebPart/Normal/wp_normal_cornerBL.gif);
	background-repeat: no-repeat;
	width: 2px;
	height: 5px;	
}

table.webpartHeader {
	background-image: url(../../Images/WebPart/Normal/wp_normal_head.gif);	
	background-repeat: repeat-x;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
    font-size:  10px;
    font-weight: bold;
    color: black;
	height: 21px;
    vertical-align: middle;
}

div.webpartCustomVerb
{
	font: normal normal 12px 'Open Sans';
	color: #555555;
	vertical-align:middle;
	padding-right:4px;
	display:inline;
    text-decoration:    none;
}

div.webpartCustomVerb:hover 
{
	text-decoration:    none;
}

div.webpartCustomVerb:active 
{
	text-decoration:    none;
}

td.webpartCornerLR
{
	background-image: url(../../Images/WebPart/Normal/wp_normal_cornerBR.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 5px;
}

td.webpartCornerUR
{
	background-image: url(../../Images/WebPart/Normal/wp_normal_cornerUR.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 2px;
}

td.webpartCornerUL
{
	background-image: url(../../Images/WebPart/Normal/wp_normal_cornerUL.gif);
	background-repeat: no-repeat;
	width: 2px;
	height: 2px;
}

td.webpartLeft
{	
	background-image: url(../../Images/WebPart/Normal/wp_normal_left.gif);
	background-repeat: repeat-y;
	width: 2px;
}

td.webpartBottom
{
	background-image: url(../../Images/WebPart/Normal/wp_normal_bottom.gif);
	background-repeat: repeat-x;
	height: 5px;	
}

td.webpartHeaderIcon
{
	background-image: url(../../Images/WebPart/header_dots.gif);
	width:14px;
	background-repeat: no-repeat;
}

.webpartDragHover
{
	background-color: #F6F6F6;
	border: solid 1px #BCBCBC;
}

.webpartDragHover2
{
	background-color:#D8E6F3; 
	border: solid 1px #83B4E4;
}

.webpartDragNormal
{

}

.webpartMoveMove
{
	/*filter: alpha(opacity=55); */
	-moz-opacity: .55; 
	background-color:#F6F6F6; 
	border: solid 1px #BCBCBC;
	position:absolute; 
	z-index: 99999;
}

td.webpartHeaderText
{
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
    font-size:  12px;
    font-weight: bold;
    color: #6D6D6D;
    padding-top:3px;
}

/******************* END NORMAL MODULE *******************/

/******************* START APPLICATION *******************/

.webpartApplicationHeader
{
	height: 28px;
	background-image: url("../../Images/WebPart/Application/wp_app_bg_head.gif");
	text-align:right;
	padding-right:5px;
	border-bottom:solid 1px #cecece;
	border-right:solid 1px #cecece;
}

.webpartApplicationHeaderLeft
{
	height: 28px;
	width:6px;
	background-image: url("../../Images/WebPart/Application/wp_app_bg_headLeft.gif");
	background-repeat:no-repeat;
}

.webpartApplicationHeaderVerbs
{
	padding-top: 3px;
}

.webpartApplicationNoHeader
{
	background-color: #ffffff;
	height: 17px;
	text-align:right;
	padding-right:5px;
	border-right:solid 1px #cecece;
	vertical-align:bottom;
}

.webpartApplicationNoHeaderLeft
{
	background-position: left;
	background-image: url("../../Images/WebPart/Application/wp_app_left.gif");
	background-repeat: no-repeat;
	height: 17px;
	width:2px;
}

/******************* END APPLICATION *******************/

/******************* START CONTENT APPLICATION *******************/

td.webpartContentAppPaneTop
{
/*	background-image: url(../../Images/WebPart/ContentApplication/wp_contentapp_top.gif);*/
	height: 26px;
	line-height: 26px;
	font-size: 26px;
	background-position:bottom;
	background-repeat: repeat-x;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
    font-size:  12px;
    font-weight: bold;
    color: #6D6D6D;
    padding-top:3px;
}

td.webpartContentAppCornerUR
{
/*	background-image: url(../../Images/WebPart/ContentApplication/wp_contentapp_cornerUR.gif);*/
	height: 26px;
	width: 12px;
	line-height: 26px;
	font-size: 26px;
	background-position:bottom;
	background-repeat: no-repeat;
}

td.webpartContentAppCornerUL
{
/*	background-image: url(../../Images/WebPart/ContentApplication/wp_contentapp_cornerUL.gif);*/
	height: 26px;
	width: 12px;
	line-height: 26px;
	font-size: 26px;
	background-position:bottom;
	background-repeat: no-repeat;
}


td.webpartContentAppPaneTopNoHeader
{
/*	background-image: url(../../Images/WebPart/ContentApplication/wp_contentapp_top_nohead.png);*/
	height: 17px;
	line-height: 12px;
	font-size: 12px;
	background-position:bottom;
	background-repeat: repeat-x;
}

td.webpartContentAppCornerURNoHeader
{
/*	background-image: url(../../Images/WebPart/ContentApplication/wp_contentapp_cornerUR_nohead.gif);*/
	height: 17px;
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	background-position:bottom;
	background-repeat: no-repeat;
}

td.webpartContentAppCornerULNoHeader
{
/*	background-image: url(../../Images/WebPart/ContentApplication/wp_contentapp_cornerUL_nohead.gif);*/
	height: 17px;
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	background-position:bottom;
	background-repeat: no-repeat;
}

div.webpartContentAppVerbNoHeader
{
	font: normal normal 12px 'Open Sans';
	color: #555555;
	display:inline;
    text-decoration:    none;
    vertical-align:bottom;
}

/******************* END CONTENT APPLICATION *******************/