@font-face {
	font-family: ScotchRoman;
	src: url('../fonts/Scotch/ScotchRomanMTStd.woff');
}

@font-face {
	font-family: DIN;
	src: url('../fonts/DIN Next/OpenType Pro/DINNextLTPro-Regular.woff');
}
@font-face {
	font-family: DIN;
	src: url('../fonts/DIN Next/OpenType Pro/DINNextLTPro-Medium.woff');
	font-weight:bold;
}
img {
	max-width:10000%;
}
textarea {
    resize: none;
}
.popover.right {
	margin-left:30px;
}
.popover.left {
	margin-left:-30px;
}
/*.select2-drop {
	z-index:104;
}
.select2-drop-mask {
	z-index:103;
}
.select2-results {
	max-height:350px;
}*/
	body {
		background:#FFFFFF;
		font-size:11px;
		font-family:Georgia, serif; /*DIN, Arial;		*/
		/*text-shadow:0px 0px #333333;*/
		padding:0;
		margin:0;			
	}
	.nyroModalTitle {
		font-size:13px;
		font-family:Helvetica, sans-serif;
	}
	.nyroModalCont {
		border:2px solid #777777;
		box-shadow: 2px 2px 5px #999999;		
		margin:32px;
	}
	select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea {
		font-size:12px;
		height:25px;
		font-family:Georgia, serif;/*DIN, Arial;	*/
	}
	input[type="button"], input[type="submit"] {
		padding-top:2px;
	}
	input[type="text"], input[type="password"]  {
		height:16px;
	}	
	a {
		color:#666666;
		cursor:pointer;
	}
	a:hover {
		color:#000000; /* 1F1F1F */
		text-decoration:none;
	}
	a.disabled {
       pointer-events: none;
       cursor: default;
	   color: #BBB;
	}
	h1 {
		font-size:22px;
		padding:0px;
		margin:0px;
		font-weight:normal;
		line-height:normal;		
		font-family:Scotch;
	}
	h2 {
		font-weight:normal;
		font-size:20px;
		padding:0px;
		margin:0px;
		cursor:pointer;		
		font-family:Georgia, serif; /*ScotchRoman;*/
		color:#000000; /*#5D5B5C;*/ /*#191919;*/
		letter-spacing:1px;
	}	
	h3 {
		font-weight:normal;
		font-size:16px;
		padding:0px;
		margin:0px;		
		line-height:normal;
	}
	h3 a {
		color:#CECECE;
		padding-bottom:10px;
	}
	h3 a:hover, a.selected {
		color:#131313;
		background:url(../images/icon_arrow_up.jpg) no-repeat bottom;
	}
	hr {
		margin-top:10px;			
		margin-bottom:10px;			
		color:#C9C9C9;
	}
	
	input[type="checkbox"] {
		margin:0;
		padding:0;
	}	
	
	
	/*  ===== Bootstrap CSS extension ======  */
	.radio,.checkbox {
		font-size:11px;
	}
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
		margin-bottom:0px;
	}
	.btn-success, .btn-success:hover {
		background:#60B939;
		/*background-image: linear-gradient(to bottom, #60B939, #60B939);*/
	}
	.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
		background:none;
		background-color:#EFEDEE;
		color:#1F1F1F;
	}
	
	.right-caret {
		/*
		border-bottom: 4px solid transparent;
		border-top: 4px solid transparent;
		border-left: 4px solid #000000;*/
		background:url(../images/arrow_right_catmenu.jpg);
		display: inline-block;		
		width: 4px;
		height: 7px;
	}
	.dropdown .right-caret {
		background:url(../images/arrow_right_catmenu.jpg);
		display: inline-block;		
		width: 4px;
		height: 7px;
		vertical-align:middle;
	}
	.dropdown.open .right-caret {
		background:url(../images/arrow_down_thin_smaller.png);
		display: inline-block;		
		width: 7px;
		height: 4px;
		vertical-align:middle;
	}
	
		/* == infocenter side menu == */
		#nav_infocenter > .nav > li > a {
			padding-left:5px;
			padding-right:5px;
		}
		#nav_infocenter > .nav {
			width:65%;
			font-family:Helvetica;
		}
		#nav_infocenter > .nav .right-caret {
			float:right;
			margin-top:6px;
		}

		#nav_infocenter > .nav > li > a:hover {
			background-color:#fff;
		}
		#nav_infocenter > .nav > .open > a {
			background-color:#fff;
			z-index:1001;
			position:relative;	
			border-top:1px solid rgba(0, 0, 0, 0.2);
			border-left:1px solid rgba(0, 0, 0, 0.2);
			border-bottom:1px solid rgba(0, 0, 0, 0.2);
		}
		#nav_infocenter > .nav .dropdown-menu {
			margin-top:-28px;
			margin-left:160px;
		}
		
		#nav_myproject > .dropdown > a {
			padding:10px 10px 5px 10px;
		}
		#nav_myproject > .open > a {
			background-color:#ffffff;
			z-index:1001;
			position:relative;	
			border-top:1px solid rgba(0, 0, 0, 0.2);
			border-left:1px solid rgba(0, 0, 0, 0.2);
			border-right:1px solid rgba(0, 0, 0, 0.2);
		}
		#nav_myproject .dropdown-menu {
			margin-top:2px;
		}		
				
		.dropdown-menu {
			border:1px solid rgba(0, 0, 0, 0.2);
			border-radius:0px;
			box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2);
			padding:0;
			margin:0;
		}
		/*
		.dropdown-menu li a:hover {
			background:#FFFFFF;
		}*/

		/* == infocenter side menu == */
		
	/*  ===== Bootstrap CSS extension ======  */
	#breadcrumb {
		font-size:11px;
		font-family:Helvetica, sans-serif;
		margin-bottom:10px;
		
		width:980px;
		text-align:left;
	}	
	#breadcrumb a {
		color:#999999;
	}
	/*#header_curve {
		position:fixed; 
		width:100%; 
		z-index:101; 
		top:0px;
	}	
	#header_curve #header-left {
		float:left; 
		width:60%; 
		height:39px;
		background:#333132;
	}	
	#header_curve #header-right {
		float:left; 
		width:40%; 
		height:39px; 
		border-top:10px solid #333132;  
		background:url(../images/bg_header-right.png);				
	}*/
	#header {
		position:fixed; 
		width:100%; 
		z-index:101; 
		top:0px;	
	 	height:43px; 
		background:#1d1d1d; 
		/*border-bottom:2px solid #af7612;*/
	}
	#header-right {
		float:right;
	}
	#subheader {
		width:980px;
	}
	
	.menu_popup, .menu_tools {
				font-size:11px;
		font-family:Helvetica, sans-serif;

		position:absolute; 
		width:980px; 
		height:275px; 
		top:43px; /* 39px; */
		/*left:-2px;*/
		background-color:#FFFFFF; 
		z-index:100; /*1006; */
		display:none; 
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;		
		border-bottom:1px solid #cccccc;		
		/*box-shadow: 2px 2px 5px #cbcbcb;*/
		box-shadow: 2px 2px 5px #333333;
		/*padding-top:15px;*/
	}
	#menu_icatalogue {
		font-size:11px; 
		font-family:Helvetica, sans-serif;
		line-height:22px;
	}
	a.menu_popup_tag {
		font-weight:bold;
	}
	a.menu_popup_tag:hover {
		color:#000000;
	}
	#menu_view_all_products {
		font-weight:bold;
	}
	.menu_popup_column {
		float:left; 
		width:22%; 
		padding-left:20px;				
		padding-top:15px;
	}
	.menu_popup_bottom {
		font-family:Helvetica, sans-serif;
		font-size:11px; 
	}
	#menu_customise, #menu_favorites, #menu_information, #menu_projects {
		left:auto;
		top:80px;
		position:fixed;
		border-top:1px solid #cccccc;
		padding:30px 10px 30px 30px;
		box-shadow: -2px 2px 5px #cbcbcb;
		display:block;
	}
	#menu_favorites, #menu_information, #menu_projects {
		height:440px;
		overflow:visible;
		right:-658px;
	}
	#menu_favorites {
		width:440px;
	}
	#menu_information, #menu_projects {
		width:610px;
	}
	#menu_projects {
		width:320px;
		height:385px;
		right:-388px;				
	}
	#menu_customise {
		width:970px;
		height:515px;
		right:-1038px;		
	}

	
	#tab {
		float:right;
		margin-top:15px;
	}
	.header_menu_tab {
		font-size:11px;
		font-family:Helvetica, sans-serif;
		/*color:#888888;		*/
		display:block;
		float:left;
		padding: 6px 12px 10px 12px;
		border-radius: 2px 2px 0px 0px;
	}
	.header_menu_tab > a {
		color:#999999;
	}
	.header_menu_tab:hover > a {
		color:#EEE;
	}
	#header-right a:hover {
		color:#EEE;
	}
	#header-right a {
		font-size:11px;
		color:#999;
		font-family:Helvetica, sans-serif;
	}
		
	
	#slides, #slides1 {
		/*margin-top:39px;*/
		clear:both;
		height:434px;
		/*background:url(../images/bg_slider.png);				*/
	}	
	
	.slides_container {
		width:980px;
		position:relative;
	}
	.slides_container .slides_items {
		width:100%;
		height:434px;
		display:block;
	}			
	.slides_container .slidesjs-next {
		position:absolute;
		top:194px;
		right:0px;
		width:25px;
		height:46px;
		display:block;
		background:url(../images/slides_right.png);
		z-index:10;
	}	
	.slides_container .slidesjs-previous {
		position:absolute;
		top:194px;
		left:0px;
		width:25px;
		height:46px;
		display:block;
		background:url(../images/slides_left.png);		
		z-index:10;
	}	
	
	

	
	.dotted_line {
		margin-top:12px;
		margin-bottom:12px;
		width:980px;
		height:1px;
		border-top: 1px dotted #333131;
		position:relative;
	}
	#pagetitle {		
		border: 1px dotted #333131;		
		top:-15px;
		left:300px;
		width:400px;
		position:absolute;
				
		font:16px ScotchRoman;
		padding-top:6px;
		height:24px;
		background-color:#FFFFFF;
	}
	
	#content, .content {
		width:980px;
		margin-top:10px;
		text-align:left;
	}
	.thumbnail {
		
		border:none;
/*		box-shadow: 0px 0px 0px;*/
		box-shadow:none;
		width:220px;
		height:220px;
		float:left;
		margin-right:22px;
		margin-bottom:22px;
		text-align:center;
		
		display:block;
		padding-bottom:30px;
		position:relative;
		cursor:pointer;
	}
	.thumbnail-row {
		display:table;
/*		height:112px;
		width:119px;*/
		width:100%;
		height:100%;
		text-align:center;
	}
	.thumbnail-cell {
		display:table-cell;
		vertical-align:middle;		
	}
	a.delete_item {
		float:left;
	}
	.thumbnail-info {
		clear:both;
		position:absolute;
		bottom:10px;
		width:100%;
		text-align:center;
		left:0px;
	}
	#footer {
		clear:both;
		background:#1d1d1d;
		padding-top:4px;
		position:fixed;
		bottom:0px;
		width:100%;
		height:26px;
		z-index:20;
	}
	#footer-container {
		width:980px;
		color:#5f5f5f;
		font-size:10px;
	}
	#footer input {
		font-size:11px; 
		line-height:13px; 
	}
	/*
	#footer #footer-left {
		float:left; 
		width:70%; 
		text-align:left;
	}*/
	#footer #footer-right {	
		float:right; 
		width:30%; 
		text-align:right;
	}
	#footer form {
		float:left; 
		margin-bottom:7px;
	}
	
	#scrolltop {
		/*position:fixed; 
		bottom:30px; 
		right:30px;
		padding:3px;
		width:102px; 
		height:34px; 
		*/
		display:inline-block;
		width:39px; 
		height:30px; 
		background:url(../images/scrolltop1.png) no-repeat;
		text-align:center;
		cursor:pointer;
		display:none;
		position:relative;
	}
	
	.header_menu_tools > div {
		position:absolute; 
		left:3px; 
		bottom:-2px;	
		font-size:10px;
		font-family:Helvetica, sans-serif;
	}
	#customise, #favorites, #information, #projects {
		position:fixed; 
		right:0px; 
		top:338px; 
		width:44px; 
		height:54px; 
		cursor:pointer;
		background:url(../images/icon_customise.jpg) right;		
		border:1px solid #cccccc;
		z-index:1007;
		box-shadow: 2px 2px 1px #cbcbcb;
	}
	#favorites {
		background:url(../images/icon_favorites.jpg) right;		
		top:140px;
	}
	#projects {
		background:url(../images/icon_projects.jpg) right;		
		top:206px;
	}		
	#information {
		background:url(../images/icon_information.jpg) right;		
		top:272px;
	}
	#information.information_settings {
		background:url(../images/icon_settings.jpg) right;
	}
	#menu_information.information_settings {
		height:167px;
		top:110px;
	}
	#triangle {
		background:url(../images/icon_triangle.png);
		width:11px; 
		height:6px; 
		position:absolute; 
		visibility:hidden;
		margin-top:37px;
	}
	
	/*Table class=Striped */
	table.striped > thead > tr > th {
		padding:0px 15px 0px 8px;
		font-weight:normal;
		font-size:10px;
		color:#6b6b6b;
	}
	table.striped > thead > tr {
		border:1px solid #f1f1f1;
	}
	table.striped > tbody > tr > td {
		padding:5px 15px 5px 8px;
	}
	table.myproject > tbody > tr > td:nth-child(1) {
		background:url(../images/icon_folder.png) no-repeat 23px 9px;
		font-size:10px; padding-left:0px; padding-right:15px; padding-top:7px; text-align:center;
		vertical-align:top;
	}
	table.myproject > tbody > tr > td:nth-child(2) > div > a {
		color:#010204;
	}
	table.myproject > tbody > tr > td:nth-child(2) > div > a:hover {
		color:#545454;
	}
	table.myproject > tbody > tr > td:nth-child(2) > .project_name,
	table.myproject > tbody > tr > td:nth-child(3) {
		font-weight:bold;
		vertical-align:top;
	}
	table.myproject > tbody > tr > td:nth-child(4) {
		vertical-align:top;
	}
	table.myproject > tbody > tr > td:nth-child(4) > a {
		color:#4e4c4d;
	}
	table.myproject > tbody > tr > td:nth-child(4) > a:hover {
		color:#000000;
	}
	table.striped > tbody > tr:nth-child(odd) {
		background-color:#ecf0f1;
	}	
	
/* Fancy Table layout */
#mytable {
width:100%;
background:#F0F0F0;
margin:0;
padding:0;
}

#mytable caption {
font:italic 11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding:0 0 3px;
}

#mytable th {
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#4f6b72;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
letter-spacing:1px;
text-align:left;
background:#EAEAEA url(images/tables/bg_header.jpg) no-repeat;
padding:2px 2px 2px 3px;
}

#mytable th.nobg {
border-top:0;
border-left:0;
border-right:1px solid #CCC;
background:none;
}

#mytable td {
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
background:#fff;
color:#4f6b72;
padding:2px 2px 2px 3px;
}

#mytable td.alt {
background:#F0F0F0;
color:#797268;
}

#mytable th.spec {
border-left:1px solid #CCC;
border-top:0;
background:#fff url(images/tables/bullet1.gif) no-repeat;
font:bold 8px Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
border-left:1px solid #CCC;
border-top:0;
background:#f0f0f0 url(images/tables/bullet2.gif) no-repeat;
font:bold 8px Verdana, Arial, Helvetica, sans-serif;
color:#797268;
}
	

/* ===== Custom Drop down menu ==== 	
.b-core-ui-select {
	background:#FFFFFF;
	padding:3px;
	border-color:#c9c9c9;
	box-shadow: 0 0 0;
	width:245px;
	padding-left:10px;
	border-radius:3px 3px 3px 3px;
}
.b-core-ui-select.open {
	border-radius:3px 3px 0 0;
}
.b-core-ui-select__dropdown {
	border-radius:0 0 3px 3px;
}
.b-core-ui-select__button {
	border:none;
	background:url(../images/arrow_down_thin.png) center no-repeat;
	width:9px;
	height:24px;
	margin-top:-10px;
	margin-right:-15px;
	padding-left:12px;
	border-left:1px solid #c9c9c9;	
}
.b-core-ui-select__dropdown__item {
	padding:3px 10px;
}
.b-core-ui-select__dropdown__item:hover {
	background-color:#EFEDEE;
}
.b-core-ui-select__dropdown__item.selected, .b-core-ui-select__dropdown__item.selected:hover {
	background:none repeat scroll 0 0 #DDDDDD;
	color:#333;
}
.b-core-ui-select__dropdown {
	background-image:none;
	background-color:#fff;
	padding:0px;
}
.b-core-ui-select.focus,.b-core-ui-select:hover {
	background-color:#FFFFFF;
}
/* ===== End Custom Drop down menu ==== */	
.select2-results .select2-highlighted {
	background:#c4c4c4;
}
.select2-container, .select2-drop {
	font-family:Helvetica, sans-serif;
	font-size:11px;
}
li.dropdown a {
	border:1px solid #FFF;
}

a.footer {
	color:#999;
}
a.footer:hover {
	color:#CCC;
}
#header-right a.forgot_password_href {
	color:#333;
}
#header-right a.forgot_password_href:hover {
	color:#555;
}
#bottom_dock {
	position:fixed;
	bottom:0px;
	right:0px;
	height:30px;
	width:76px;
	z-index:20;
	text-align:right;
}
#feedback_icon_div {
	background:url(../images/icon_feedback_off.jpg) no-repeat;
	display:inline-block;
	width:35px;
	height:30px;
	cursor:pointer;
}
#feedback_icon_div:hover {
	background:url(../images/icon_feedback_hover.jpg) no-repeat;
}
#feedback_bg {
	opacity:0;
	display:none;
	background-color:#000000;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:2001;
}
#feedback_div {
	font-size:11px;
	padding:30px;
	opacity:0;
	display:none;
	background-color:#efefef;
	left:50%;
	top:50%;
	width:527px;
	height:378px;
	margin-left:-283px;
	margin-top:-220px;
	position:fixed;
	z-index:2002;
	border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}
#feedback_popup {
	width:70px;
	height:22px;
	background:url(../images/popup_feedback.png) no-repeat;
	display:none;
	position:absolute;
	right:0px;
	bottom:30px;
}
#feedback_icon_div:hover #feedback_popup {
	display:block;
}

#menu_about, #menu_mycg, #menu_title, #menu_subtitle, #menu_subsubtitle  {
	/*background:url(../images/menu_top_bg.jpg) repeat-x;*/
	background-color:#FFF;
	width:160px; 
	height:auto; 
	margin-left:-70px;
	padding:15px;
	text-transform:uppercase;
}
#menu_about div, #menu_mycg div, #menu_title div, #menu_subtitle div, #menu_subsubtitle div  {
	text-align:left;
	position:relative;
}
#menu_about a, #menu_mycg a, #menu_title a, #menu_subtitle a, #menu_subsubtitle a  {
	display:block;
	height:20px;
	padding-top:2px;
	padding-left:7px;
	letter-spacing:1px;
}
#menu_about a:hover, #menu_about .selected_about, #menu_mycg a:hover, #menu_mycg .selected_mycg {
	background: url(../images/arrow_right_catmenu.jpg) left no-repeat;
	background-position: 0px 9px;
}
#menu_title a:hover, #menu_title .selected_title, #menu_subtitle a:hover, #menu_subtitle .selected_subtitle, #menu_subsubtitle a:hover, #menu_subsubtitle .selected_subsubtitle {
	background: url(../images/arrow_right_catmenu.jpg) left no-repeat;
	background-position: 0px 6px;
}

.nav_infocenter_separator {
	border-bottom:1px solid #ddd; margin-top:0px; margin-bottom:6px; cursor:default;
}
.room_name {
	padding-left: 20px;
	display: none;
}