* { margin: 0; padding: 0; border: 0; }
html { overflow: scroll; font-size:14px; height: 100%; width: 100%; max-width: 100%; }
body { height: 100%; width: 100%; font-family:Open Sans; font-size: 0; text-align: center; color:#666666; background-color: #FFFFFF; }
img { border:0px; width:100%; height:auto;}
a{ color:#1359a1; text-decoration:none; cursor:pointer; }
a:hover{  }
a.icon { margin-right:10px; }
a.notcmd { color:#CCCCCC; }
form { width:100%; max-width:800px; margin: 20px 20px 20px 20px;}
label { display:block; font-size: 1rem; float:left; width:190px; font-weight:bold; white-space:nowrap; }
input { border: 1px solid #666666;width:100%; max-width:300px; height:32px; margin:0px 0px 10px 0px; }
input[type='checkbox'], input[type='radio'] { width:auto; }
textarea { border: 1px solid #666666;width:100%; height:150px; resize: none; }
button { width:auto; margin:5px 5px 25px 5px; padding:10px; cursor:pointer; background-color:#1359a1; float:right; color:#FFFFFF; }
.darkgrey { background-color:#454545; }
.lightgrey { background-color:#e1e1e1;}
.grey { background-color:#666666; }
.content {position: relative; width:100%; max-width: 1234px; margin: 0px auto 0px auto; padding: 5px 0px 5px 0px;text-align: left;}
#app { max-width: 100%; }
header { position: relative; width:100%;  font-size: 0; font-family:Roboto; }
header h2{ font-size: 1.2rem; color:#FFFFFF; font-weight: 700; }
header p{ font-size: 0.75rem; margin: 7px 0px 0px 0px; color:#FFFFFF; }
header a{ color:#FFFFFF; }
#logo { display:block; text-align:right; padding: 30px 0px 20px 0px;}
#logo img{ max-width:40px; }
#logo div{ display:inline-block; width:auto; vertical-align: bottom; margin-right:10px; }
article { font-size: 1rem; position: relative; padding: 5px 20px 5px 20px;text-align: left;}
article h1 { font-size: 1.6rem; margin: 20px 20px 20px 20px; }
article h2 { font-size: 1.6rem; margin: 20px 20px 20px 20px; }
article p {  margin: 20px 20px 20px 20px; }
#msgbox { display:none;position: fixed; top:0px; left: 50%; width: 300px; margin-left:-150px; background-color: #FFFFFF; font-size: 1rem; }
/*
h1 { color:#0075b1; font-size:23px; margin: 20px 0px 20px 0px; }
h2 { color:#0075b1; font-size:16px; margin: 10px 0px 5px 0px; }
a { color:#bb3a28; cursor: pointer; font-weight: bold; text-decoration: none;}
p { margin:10px 0px 10px 0px; font-size:14px; }
a.btn { margin:5px; padding:3px; border-radius: 6px; border: 1px solid #bb3a28; background-color:#bb3a28; color:#FFFFFF; font-size:13px; text-decoration:none; }
*/

input { width:300px; height:23px; border-radius: 6px; margin:5px; padding:1px 3px 1px 3px; border: 1px solid #AAAAAA; color:#777777; }
input[type='checkbox'], input[type='radio'] { width:auto; height:20px; }
select { width:300px; height:23px; border-radius: 6px;  border: 1px solid #AAAAAA; margin:5px; padding:1px; }
textarea { width:300px; height:50px; margin:5px; padding:3px; border-radius: 6px;  border: 1px solid #AAAAAA; }
button { margin:5px; padding:3px; border-radius: 6px; border: 1px solid #bb3a28; background-color:#bb3a28; color:#FFFFFF; cursor:pointer; }
input.frm_filter, select.frm_filter{ width:80%; height:18px;  }
select.frm_filter{ height:22px; }
#flimit{ width:50px; min-width:auto; text-align:right; }
.btn_filter { float:right; }
.usergroup br { display: none; }
.frm_upload label { display:inline; float:none; width:auto; line-height:normal; }

div.ctbl { width:100%; overflow: scroll; max-height:600px; }
div.tbl { display: table; width:auto; border-collapse: collapse;margin: 20px 20px 20px 20px; }
div.tbl div { display:table-row; font-size:1rem; vertical-align: top; width:50px; }
div.tbl div div { display:table-cell; padding:3px 5px 3px 5px; white-space:nowrap; }
div.tbl div div:last-child { width:auto; }
div.tbl div.tblhead div{ text-align: center; font-weight:bold; }
div.tbl div.tblhead a { text-decoration: none; margin: 0px 3px 0px 3px; }
div.tbl div.tblbody div { background-color: #EEEEEE;border:3px solid #FFFFFF; }
div.tbl div.tblbody:hover div { background-color: #DDDDDD; }

div#mediaitems div { width: 100px; display: inline-block; font-size:1rem; border:1px solid; }

/*div.col3 { font-size:0px; }
div.col3 div { display: inline-block; width:32%; background-color: #F6F6F6; border-radius: 8px; margin:0% 1% 1% 0%; vertical-align:top; min-height:90px; font-size:14px; }
div.col3 div:hover { background-color: #EEEEEE; }
div.col3 div h2 { margin:10px; }
div.col3 div p { margin:10px; }
div.col3 div label { margin:10px; }
div.col3 div input { margin:10px; }
div.col3 div p label { margin:0px; }
div.col3 div textarea { width: 80%; height:300px; }*/

#user_list div div:first-child { width: 23px; }
#user_list div div:nth-last-child(3) { min-width: 120px; }
img.icon { width:auto; height:23px; margin-left:5px; }


#menu1 { position:relative; width:100%; z-index:10; }
#menu1 ul{ list-style-type: none; }
#menu1 li{ display:inline-block; margin:0px 20px 0px 0px; line-height:20px; }

#menu1 ul ul{ display:none; position:absolute; top:20px; background-color: #CCFFFF; width:auto; }
#menu1 ul li:hover ul{ display:block; }

#menu1 li li{ display:inline; margin:0px 0px 0px 0px; padding:0px; }
#menu1 li li a{ display:block; padding:3px;  }

#menu1 ul ul ul{ display:inline; position:relative; top:auto; margin:0px 20px 0px 20px; }

.mlevel0 div{ }
.mlevel1 div:first-child { padding-left:20px; }
.mlevel2 div:first-child { padding-left:40px; }

/*#mainmenu a { text-decoration: none; display:block; height:30px; line-height:30px; background-color:#0075b1; color:#ffffff; padding: 0px 10px 0px 10px; }
#mainmenu a:hover { color:#bb3a28; }
#mainmenu li:hover ul{ display:block; }
#mainmenu ul ul{ display: none; position:absolute; top:30px; }
#mainmenu li li{ float:none; }*/



#container_content { position:relative; border:1px solid #1359a1; border-top:0px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;width:100%; }
#content { line-height:18px; padding:10px; }
#user_list td:nth-last-child(2){  width:auto; text-align: center;}
#user_list td:nth-last-child(4){  width:auto; }
#trans { display:none;position:fixed; left:0px;top:0px; width:100%; height:100%; border:0px; background-color:#000000; opacity:0.9; padding:5px; z-index:199; }
#trans div{ position:fixed; left:50%;top:50%; width:300px; height:150px; z-index:200; margin: -75px 0px 0px -150px; text-align: center; font-size:14px; color:#ffffff; }
#trans img{ max-width:64px;}
#trans div div{ position: relative;}
footer { position:relative; width:100%; margin: 10px 0px 20px 0px; }
footer a{ font-weight:normal; color:#333333; }

@media all and (min-width: 1000px){
	html { font-size:16px; }
	header h2{ font-size: 2rem; }
	header p{ font-size: 1.2rem; margin: 7px 0px 0px 0px; }

	#logo { padding: 20px 0px 20px 0px;}
	#logo img{ max-width:60px; }
	#logo div{ margin-right:30px; }
	
	

}

.ui-datepicker { font-size: 1rem; }


.error, .err { font-weight:bold; color:#CC0000; }
input.error, textarea.error { background-color: #CC0000; color:#FFFFFF; }
.dev { color:#DD0000; }
#debug { position:relative; color:#CC0000; font-size: 1rem; }
#debug textarea{ position:relative;width:100%; height:100px; resize: vertical; border:1px solid; border-radius: 6px;}