FONT		{FONT-FAMILY: Verdana,Century Gothic, tahoma,Helvetica; FONT-SIZE: 10px; }
TD		{FONT-FAMILY: Verdana,Century Gothic, tahoma,Helvetica; FONT-SIZE: 10px; }
BODY		{FONT-FAMILY: Verdana,Century Gothic, tahoma,Helvetica; FONT-SIZE: 10px; }
P		{FONT-FAMILY: Verdana,Century Gothic, tahoma,Helvetica; FONT-SIZE: 10px; }
DIV		{FONT-FAMILY: Verdana,Century Gothic, tahoma,Helvetica; FONT-SIZE: 10px; }
input		{ min-width:150px; margin:3px; padding:7px; color:#777; border:1px solid #eee; font-family: Tahoma; }
.center		{ margin:0 auto; }
textarea	{ margin:3px; padding:7px; color:#777; border:1px solid #eee; font-family: Tahoma; }
select		{  border:1px #eee solid; padding:5px 10px; min-width:150px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-size:14px; }
select.autocomlete { width: 250px; }
table		{		-webkit-border-radius: 10px; 
					-moz-border-radius: 10px;
					border-radius: 10px;
			}
tr			{		-webkit-border-radius: 10px; 
					-moz-border-radius: 10px;
					border-radius: 10px;
			}
tr td		{		-webkit-border-radius: -10px; 
					-moz-border-radius: -10px;
					border-radius: -10px;
			}
/* This is an example of curved corners 
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 10px;
border-top-right-radius: 8px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 2px;
*/

#header { position: fixed; top: 0; left: 0; }
#footer { position: fixed; bottom: 0; left: 0; }
#footertable-print {display:none; }
.scrollpage-sm          { border-style: none; height: 160; width: 100%; overflow: auto; overflow-x: hidden; background-color: #fff; border: 1px solid #eee; }
.scrollpage             { border-style: none; height: 260; width: 100%; overflow: auto; overflow-x: hidden; }
.scrollpage1			{ border-style: none; height: 320; width: 100%; overflow: auto; overflow-x: hidden; }
.scrollpage2			{ border-style: none; height: 450; width: 100%; overflow: auto; overflow-x: hidden; }
.linklist               { padding:2; margin:0; }
.linklist a             { display:block; font-size:11px; text-decoration:none; border:1px solid #ccc; padding:5; margin:2;}
.linklist a:hover       { background:#eee; text-decoration:none; border:1px solid #000;}
.price					{ text-align:right; color:red; }

fieldset 		{ margin-bottom:5px; padding:10px; display:block; border:1px solid #eee; text-align:left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
legend 			{ padding:4px 20px; border:0; font-size:20px; font-weight:bold; }
fieldset span 	{ padding:4px 20px; color:#333; }
hr				{ border:0 #ccc solid;border-top-width:1px;clear:both;height:0; margin-bottom:5px; }
h2				{ margin-bottom:2px; margin-top:2px;}
h3				{ color: #333; margin-bottom:2px; margin-top:2px;}

a:link          {BACKGROUND: none; COLOR: #312E5E; FONT-SIZE: 10px; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none}
a:active        {BACKGROUND: none; COLOR: #312E5E; FONT-SIZE: 10px; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none}
a:visited       {BACKGROUND: none; COLOR: #312E5E; FONT-SIZE: 10px; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none}
a:hover         {BACKGROUND: none; COLOR: inherit; FONT-SIZE: 10px; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: underline}
.title 		{BACKGROUND: none; COLOR: #eeeeee; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none}
.content 	{BACKGROUND: none; COLOR: #312E5E; FONT-SIZE: 10px; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica}
.question 	{BACKGROUND: none; COLOR: #312E5E; FONT-SIZE: 12px; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica}
.cont 		{BACKGROUND: none; COLOR: #eeeeee; FONT-SIZE: 10px; FONT-FAMILY: Verdana,tahoma, Helvetica}
.cont-wh 		{BACKGROUND: none; COLOR: #fff; FONT-SIZE: 10px; FONT-FAMILY: Verdana,tahoma, Helvetica}
.storytitle {BACKGROUND: none; COLOR: #312E5E; FONT-SIZE: 14px; FONT-WEIGHT:  normal; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: underline}
.storycat	{BACKGROUND: none; COLOR: #eeeeee; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	{BACKGROUND: #eeeeee; COLOR: #312E5E; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none;
			/*border: 1px solid #eeeeee;
			/*background-image: url('../images/bg-bage.png'); background-repeat: repeat-x;*/
			}
.boxtitle2 	{BACKGROUND: #312E5E; COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none;
			/*border: 1px solid #312E5E;
			/*background-image: url('../images/bg-red.png'); background-repeat: repeat-x; */
			}
.boxtitle3 	{BACKGROUND: #cccccc; COLOR: #312E5E; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none; }
.boxtitle4 	{BACKGROUND: orange; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none; }
.boxtitle5 	{BACKGROUND: #EAEBD8; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none; }
.boxcontent 	{BACKGROUND: none; COLOR: #312E5E; FONT-SIZE: 10px; FONT-FAMILY: Verdana,tahoma, Helvetica}
.boxcontent2 	{BACKGROUND: #eeeeee; COLOR: inherit; FONT-SIZE: inherit; FONT-FAMILY: Verdana,tahoma, Helvetica}
.option 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none}
.tiny		{BACKGROUND: none;COLOR: #eeeeee; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana,Century Gothic, tahoma, Helvetica; TEXT-DECORATION: none}
.footmsg        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana,Century Gothic; TEXT-DECORATION: none}
.logo		{BACKGROUND: none; FONT-SIZE: 22px; FONT-WEIGHT: bold; FONT-FAMILY: Agency FB; TEXT-DECORATION: none}
.footmsg_l	{BACKGROUND: none; COLOR: #eeeeee; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana,tahoma, Helvetica; TEXT-DECORATION: underline}
.box		{COLOR: #312E5E; FONT-FAMILY: Verdana,tahoma,Helvetica; FONT-SIZE: 11px; border: 1px solid #312E5E; background-color: #FFFFFF;}
.box2		{COLOR: #eeeeee; FONT-FAMILY: Verdana,tahoma,Helvetica; FONT-SIZE: 12px; FONT-WEIGHT: bold; border: 1px solid #000000; TEXT-DECORATION: underline; background-color: #333333;}
.tbox		{border:1px dotted #000; width:100%; background: #fff; padding:4; margin:4 0; font-weight:bold; font-size:13px;}
.sbox		{border:1px dotted #000; width:auto; background: #fff; padding:4; margin:4 0; font-weight:bold; font-size:13px;}
.calendarHeader { font-weight: bold; TEXT-DECORATION: underline; color: #FFFFFF; background-color: #312E5E; background-image: url('../images/bg-red.png'); background-repeat: repeat-x; border: 1px solid #312E5E; } 
.calendarToday { font-weight: bold; TEXT-DECORATION: none; background-color: #EAEBD8; border: 1px solid #eeeeee;} 
.calendar { background-color: #eeeeee; 
/*background-image: url('../images/bg-bage.png'); background-repeat: repeat-x; */
border: 1px solid #eeeeee; } 



.abs-box	{ Background: #fff; position: absolute;  }
.results-box	{ Background: #fff; }
.hiddenlist { display:none; position: absolute; background-color: white; border: 1px solid #312E5E; 
			/*background-image: url('../images/bg-bage.png'); background-repeat: repeat-x;*/
			margin: 1px; padding: 5px 10px; color: #312E5E;
			}
.searchlist { position: absolute; background-color: white; border: 1px solid #312E5E; 
			/*background-image: url('../images/bg-bage.png'); background-repeat: repeat-x;*/
			margin: 1px; padding: 5px 10px; color: #312E5E;
			}
.hiddenlist-red { display:none; position: absolute; background-color: white; border: 1px solid #312E5E; 
			/*background-image: url('../images/bg-red.png'); background-repeat: repeat-x;*/
			margin: 1px; padding: 5px 10px; color: white;
			}
			
.blueTitle 	{ padding:0px 14px 0px 0px; border:0; color:#69c; font-size:20px; font-weight:bold; }
.comment	{ font-style: normal; color: gray; font-size: 9px; }
.remark		{ font-style: italic; color: #333; font-size: 9px; }
.absolute	{ position: absolute; }
.invisiblebox { border: none; text-align: center; background-color: transparent;}
.invisibletxt { border: none; background-color: transparent;}
.error 		{ color: red; }
.caution 	{ color: red; font-size: 11px; }
.status		{ color: green; }
.blue		{ color: blue; }
.date		{ color: #666; font-style: italic; }
.tit		{ color: #333; font-size: 12px; FONT-WEIGHT: bold; }
.hidden		{ display:none; }
.spacer		{ padding: 0 10px; }
.vspacer	{ padding: 10px; }
.page-break  { display:block; page-break-before:always; }

table.list 	{ border-spacing: 2px; padding: 5px; width: 80%; }
table.list td{ border-spacing: 2px; }

table.list 	{ border-spacing: 2px; padding: 5px; width: 80%; }
table.list td{ border-spacing: 2px; }

table.modall 	{ border-spacing: 2px; padding: 5px; width: 80%; }
table.modall td{ border-spacing: 2px; }


#sddm
{	margin: 0;
	padding: 10;
	z-index: 100; }

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px Verdana; }

#sddm li a
{	display: block;
    z-index: 100;
	margin: 0 1px 0 0;
	padding: 10px 10px;
	width: auto;
	background: #312E5E;
	/*background-image: url('../images/bg-red.png');*/
	background-repeat: repeat-x;
	color: #FFF;
	text-align: center;
	text-decoration: none; }

#sddm li a:hover
{	background: #eeeeee;
	/*background-image: url('../images/bg-bage.png');*/
	background-repeat: repeat-x;	
}

#sddm div
{	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	background: #eeeeee;
	/*background-image: url('../images/bg-bage.png');*/
	background-repeat: repeat-x;
	border: 1px solid #312E5E}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 1;
		padding: 5px 10px;
		width: auto;
		z-index: 100;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		/*background-image: url('../images/bg-bage.png');*/
		background-repeat: repeat-x;
		color: #312E5E;
		font: 11px Verdana; }

	#sddm div a:hover
	{	background: #eeeeee;
		/*background-image: url('../images/bg-red.png');*/
		background-repeat: repeat-x;
		color: #FFFFFF; }

#sddm1
{	margin: 0;
	padding: 10;
	z-index: 100; }

#sddm1 li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px Verdana; }

#sddm1 li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 10px 10px;
	width: auto;
	background: #312E5E;
	/*background-image: url('../images/bg-red.png');*/
	background-repeat: repeat-x;
	color: #FFF;
	text-align: center;
	text-decoration: none; }

#sddm1 li a:hover
{	background: #eeeeee;
	/*background-image: url('../images/bg-bage.png');*/
	background-repeat: repeat-x;	
}

#sddm1 div
{	position: absolute;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	background: #eeeeee;
	/*background-image: url('../images/bg-bage.png');*/
	background-repeat: repeat-x;
	border: 1px solid #312E5E}

	#sddm1 div a
	{	position: relative;
		display: block;
		margin: 1;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		/*background-image: url('../images/bg-bage.png');*/
		background-repeat: repeat-x;
		color: #312E5E;
		font: 11px Verdana; }

	#sddm1 div a:hover
	{	background: #eeeeee;
		/*background-image: url('../images/bg-red.png');*/
		background-repeat: repeat-x;
		color: #FFFFFF; }
		
		
		
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px) {
    .dashboard {
    width: 100%;
    height: 100%;
}
}*/

.hlogo { max-width: 50%; height:30px;}
#kpinumbers2, #kpinumbers2 li { width:100%; }


/* Smartphones (portrait and landscape) ----------- * /
@media screen 
and (max-device-width : 748px) {
    .dashboard { width:100%; }
    .dbd { width:100%; }
    #sddm li { width: 100%; } 
}

/* iPads (portrait and landscape) ----------- */
@media screen 
and (min-width : 501px)
and (max-width : 1023px) {
    .dbd { width:49%; }
    .kpi { width: 30%; }
    #kpinumbers li { width:100%; }
    #kpinumbers2 li { width:100%; }
    #hiddenMenuBtn {  visibility:visible; }
    #menutable { visibility:collapse; width:0; height:0; display:none; }
}

/* Desktops and laptops ----------- */
@media screen and (min-width : 1024px) {
    .dbd { width:49%; }
    #kpinumbers li { width:50%; }
    #kpinumbers2 li { width:50%; }
    .kpi { width: 30%; }
     #menutable {width:auto;}
     #hiddenMenuBtn { visibility:hidden; }

}
@media screen and (max-width: 500px) {
    
    .dbd { width:100%; }
    .kpi { width:100%; }
    #kpinumbers, #kpinumbers li { width:100%; }
    #kpinumbers2, #kpinumbers2 li { width:100%; }
    #menutable { visibility:collapse; width:0; height:0; display:none;}
    #hiddenMenuBtn { visibility:visible; }
}
/*
@media (max-width: 1024px) {
    .dashboard { width:100%;}
    #tododiv,#notesdiv { width:45%;}
    
    #sddm li { width: 50%; } /* Show 2 logos per row on medium devices (tablets, phones in landscape) * /
}

@media (max-width: 850px) {
    .dashboard, #tododiv, #notesdiv { width:100%; }
    #sddm li { width: 100%; } 
} /* On small screens, show one logo per row * /