@charset "utf-8";
/* CSS Document */

@import "custom.css";
@import "plugins.css";

/* button */

.uiButton{background:#777777;color:#ffffff;cursor:pointer;display:-moz-inline-box;display:inline-block;font-size:11px;font-weight:bold;line-height:normal !important;padding:2px 6px;*padding:3px 6px 2px;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .1)}
.uiButton + .uiButton{margin-left:4px}
.uiButton:active,
.uiButton:focus{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity = 90)";filter:alpha(opacity = 90);opacity:0.9}
.uiButton:hover{text-decoration:none}
.uiButton:active{background:#dddddd;-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .05);-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .05)}
.uiButton .img{margin-right:5px;vertical-align:top}
.uiButton .customimg{margin-top:0;*margin-top:-1px}
.uiButton .uiButtonText,
.uiButton input{background:none;border:0;color:#ffffff;cursor:pointer;display:-moz-inline-box;display:inline-block;font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;font-size:11px;font-weight:normal;margin:0;outline:none;*overflow:visible;padding:2px 4px 3px;*padding:0;white-space:nowrap;_width:0}
.uiButton input::-moz-focus-inner{border:0;padding:0}

/* textbox link */
.ui-link-off { background:#EFEFEF}

/* floatbar */
#headerbar { width:100%; height:85px; float:left; }
#floatbar { width:100%; float:left; z-index:2000; }
.floatbar { width:100%; }
.floatbar.fixed {position:fixed;right:50%;margin-right:-50%}

/* table header */
table { border-collapse: separate; border-spacing:1px;}
.headerSortDown { background:url(../images/desc.gif) center right no-repeat;}
.headerSortUp { background:url(../images/asc.gif) center right no-repeat;}

/* menu */
#menubar {float:left; display:inline; margin:0px; padding:0px; width:100%;}
#menubargray {float:left; display:inline; margin:0px; padding:0px; width:100%; background:url(../images/menubar.png);}
#menubarcontent {float:left; display:inline; margin:0px; padding:0px; width:auto; }
#menubarcontentleft {float:left; display:inline; margin:0px; padding:0px; width:200px; }
#menubarcontentleft a:hover { border:0px;}
#menubarcontentright {float:left; display:inline; margin:0px; padding:0px; width:auto; min-width:1050px; }

#accountButton {float:left; display:inline; width:40px; height:34px; cursor:pointer; background:url(../images/mb1.png) no-repeat;}
#commentButton {float:left; display:inline; width:40px; height:34px; cursor:pointer; background:url(../images/mb2.png) no-repeat;}
#notifyButton {float:left; display:inline; width:40px; height:34px; cursor:pointer; background:url(../images/mb3.png) no-repeat;}
#calendarButton {float:left; display:inline; width:40px; height:34px; cursor:pointer; background:url(../images/mb4.png) no-repeat; text-align:center; color:#FFF; line-height:38px;}
#refreshButton {float:left; display:inline; width:40px; height:34px; cursor:pointer; background:url(../images/mb5.png) no-repeat;}

#menuItemContainer {float:left; display:inline; width:auto; height:40px;}
#menuItem {float:left; display:inline; height:34px; width:auto; text-align:center; line-height:36px; padding-left:13px; padding-right:13px}
#menuItem a {color:#FFFFFF; font-weight:normal;}
#menuItem a:link {color:#FFFFFF; text-decoration:none;}
#menuItem a:visited {color:#FFFFFF; text-decoration:none;}
#menuItem a:hover {color:#FFFFFF; text-decoration:none;}
#menuItem a:active {color:#FFFFFF; text-decoration:none;}
#menuItemBottom {float:left; display:inline; width:100%; height:6px;}
.menuItemOver { background-color:#000000; color:#ffffff;}

#menuItemActive {float:left; display:inline; height:34px; width:auto; text-align:center; line-height:36px; background:#000; padding-left:15px; padding-right:15px}
#menuItemActive a {color:#FFFFFF; font-weight:normal;}
#menuItemActive a:link {color:#FFFFFF; text-decoration:none;}
#menuItemActive a:visited {color:#FFFFFF; text-decoration:none;}
#menuItemActive a:hover {color:#FFFFFF; text-decoration:none;}
#menuItemActive a:active {color:#FFFFFF; text-decoration:none;}
#menuItemBottomActive {float:left; display:inline; width:100%; height:6px; background:url(../images/menuarrow.png) no-repeat center;}

#menuItemOther {float:left; display:inline; height:34px; width:34px; padding-left:5px}
#menuItemOtherItem {float:left; clear:both; display:inline; width:120px; height:22px;}
.menuItemOtherOut {color:#FFFFFF; padding-left:10px; padding-top:5px; border-top:1px #8f8f8f solid; }
.menuItemOtherOut a {color:#FFFFFF; font-weight:bold;}
.menuItemOtherOut a:link {color:#FFFFFF; text-decoration:none;}
.menuItemOtherOut a:visited {color:#FFFFFF; text-decoration:none;}
.menuItemOtherOut a:hover {color:#FFFFFF; text-decoration:none;}
.menuItemOtherOut a:active {color:#FFFFFF; text-decoration:none;}

#menuItemOthers {z-index:500;}
#menuItemOtherItemBottom {float:left; clear:both; display:inline; width:120px; height:22px;
-moz-border-radius:0em 0em 0.5em 0.5em;
border-radius:0em 0em 0.5em 0.5em; }

.menuItemOtherOut {color:#FFFFFF; padding-left:10px; padding-top:5px; border-top:1px #8f8f8f solid; }
.menuItemOtherOut a {color:#FFFFFF; font-weight:normal;}
.menuItemOtherOut a:link {color:#FFFFFF; text-decoration:none;}
.menuItemOtherOut a:visited {color:#FFFFFF; text-decoration:none;}
.menuItemOtherOut a:hover {color:#FFFFFF; text-decoration:none;}
.menuItemOtherOut a:active {color:#FFFFFF; text-decoration:none;}

.menuItemOtherOver { background-color:#000000; color:#ffffff; padding-left:10px; padding-top:7px;}
.menuItemOtherOver a {color:#ffffff; font-weight:normal}
.menuItemOtherOver a:link {color:#ffffff; text-decoration:none;}
.menuItemOtherOver a:visited {color:#ffffff; text-decoration:none;}
.menuItemOtherOver a:hover {color:#ffffff; text-decoration:none;}
.menuItemOtherOver a:active {color:#ffffff; text-decoration:none;}

#modulebar {float:left; width:100%; background:#e0dfdf;}
#modulebarleft {float:left; width:auto; color:#000000;}
#modulebarlefttext {float:left; width:auto; color:#000000; font-size:23px; padding-left:15px; padding-top:2px; padding-bottom:2px;}
#modulebarright {float:right; width:auto;}

#search { float:right; display:inline; width:auto; height:auto; margin-right:10px; margin-top:5px;}
#searchitem { float:left; display:inline; height:auto; margin-left:5px; width:auto; }
#searchitem2 { float:left; display:inline; height:auto; margin-left:5px; width:auto; }
div #searchitem2 select { margin-top:3px; width:150px; }
div #searchitem input { margin-top:1px; width:150px; }
#searchbutton {float:left; display:inline; margin-left:5px; margin-top:2px; width:auto; height:auto; } 

#pagemain { float:left; display:inline; width:100%; min-width:1260px; height:auto; min-height:340px; background:url(../images/leftbg.png) repeat-y;}
#footer { float:left; display:inline; width:auto; min-width:1260px; height:auto; min-height:90px; background:url(../images/leftbg.png) repeat-y;}
#footerpagelogin { position:fixed; bottom:0px; width:100%; height:auto; min-height:50px; margin:auto; }
#pageleft { float:left; display:inline; width:200px; height:auto; min-height:50px;}
#pagecenter { float:left; display:inline; width:770px; height:auto; margin-left:15px; min-height:50px;}
#pagecenterplugin { float:left; display:inline; width:100%; height:auto; margin-left:15px; min-height:50px;}
#pageright { float:left; display:inline; width:250px; height:auto; min-height:50px; margin-left:20px;}
#copyright { float:left; display:inline;clear:both; width:auto; margin-top:40px; margin-left:215px;}
#copyrightpagelogin { display:inline;clear:both; width:auto; margin-top:40px; margin:auto; text-align:center; }
#pagecentersetup { float:left; display:inline; width:1040px; height:auto; margin-left:15px; min-height:50px;}

#task {float:left; display:inline; clear:both;  margin-bottom:0px; width:200px; height:auto;}
#taskgroupname {float:left; display:inline; clear:both; height:20px; clear:both; margin-left:15px; width:auto; margin-top:25px; }
#taskname {float:left; display:inline; clear:both; height:auto; margin-top:7px; clear:both; margin-left:25px; width:auto; }

#StatusSearch {float:left; display:inline; clear:both; margin-top:25px; margin-bottom:0px; width:200px; height:auto;}
#StatusSearchName {float:left; display:inline; clear:both; height:20px; clear:both; margin-left:15px; width:auto; }
#StatusSearchNameItem {float:left; display:inline; clear:both; height:auto; margin-top:7px; clear:both; margin-left:25px; width:auto; }

#modulegrouptree {float:left; display:inline; width:300px; height:auto; }
#chartpie { float:left; display:inline; width:470px; height:auto; z-index:inherit;}
#title { font-size:22px;  margin-bottom:10px;  margin-right:10px; clear:both; width:auto; height:auto; margin-top:15px;}
#titlesub { font-size:18px;  margin-top:20px;  margin-bottom:10px; margin-right:10px; clear:both; }

#navigator {float:left; display:inline; min-height:50px; height:auto; clear:both; width:100%; margin-bottom:10px;}
#navigatorseparator { float:left; width:1px; height:22px; margin-top:14px; margin-left:10px; margin-right:10px; background-image:url(../images/titleseparator.jpg); }
#navigatoritem { float:left; margin-top:15px; font-size:15px; font-weight:bold }
#navigatorbutton { float:right; margin-top:10px; margin-right: 5px;}

#button {float:right; display:inline; width:auto; height:auto; clear:both; margin-top:10px;}

#modulecomment { clear:both; width:100%;}
#modulecommentlist { float:left; display:inline; width:250px; height:auto; margin-top:5px; }
#modulecommentnew { float:left; display:inline; width:250px; height:auto; }
.modulecommentitem { float:left; display:inline; width:250px; height:auto; margin-top:10px;}
#modulecommentitemsep { float:left; display:inline; width:250px; height:1px; border-bottom:1px solid #e2eff3; margin-top:3px; margin-bottom:3px;}
#modulecommentiteminfo { float:left; display:inline; width:250px; height:20px;  }
#modulecommentiteminfouser { float:left; display:inline; width:auto; height:auto; font-weight:bold; }
#modulecommentiteminfodate { float:right; display:inline; width:auto; height:auto; font-size:9px; color:#CCC; font-style:normal;}
#modulecommentiteminforeminder { float:right; display:inline; width:25px; height:25px; background:url(../images/clock.png) no-repeat; margin-left:0px;}
.modulecommentdelete { float:right; display:inline; width:25px; height:25px; background:url(../images/trash.png) no-repeat; cursor:pointer; margin-left:5px; visibility:hidden;}
#modulecommentitemcontent { float:left; display:inline; width:250px; height:auto; word-wrap:break-word; overflow:hidden;}
#modulecommentbutton { float:left; display:inline; width:100%; height:auto; margin-top:3px;}
.commenttextarea {width:244px; height:115px; }
.commentdatereminder {width:155px;}
#modulecommentfooter { clear:both; width:750px; height:10px;}
#reminderStart {float:left; display:inline; width:80px; height:auto; margin-right:2px; clear:left; margin-top:5px;}
#reminderEnd {float:left; display:inline; width:80px; height:auto; margin-right:2px; clear:left; margin-top:5px;}
#reminderUsers {float:left; display:inline; width:80px; height:auto; margin-right:0px; clear:left; margin-top:5px; margin-bottom:0px;}
#reminderButton {float:left; display:inline; width:230px; height:auto;}
.commentusersreminder {width:166px; margin-left:3px;}
#ReminderNotifyType {width:90px; margin-left:3px;}
#ReminderNotifyBefore {width:73px; margin-left:3px;}
#modulecommentext { display:none; visibility:hidden; margin-top:5px;}
#modulecommentname { float:left; margin-top:15px; margin-bottom:10px; font-size:15px; width:250px; font-weight:bold;}
 
#Comments {float:left; display:inline; width:600px; height:auto; font-size:15px; font-weight:bold; margin-left:20px; margin-top:20px; clear:both;}
#CommentList {float:left; display:inline; width:600px; height:auto; margin-left:20px; margin-top:10px;}
.commentitem { float:left; display:inline; width:550px; height:auto; margin-top:10px; clear:both;}
#commentitemsep { float:left; display:inline; width:550px; height:1px; border-bottom:1px solid #e2eff3; margin-top:3px; margin-bottom:3px;}
#commentiteminfo { float:left; display:inline; width:550px; height:20px;  }
#commentiteminfouser { float:left; display:inline; width:auto; height:auto; font-weight:bold; }
#commentiteminfodate { float:right; display:inline; width:auto; height:auto; font-size:9px; color:#CCC; font-style:normal;}
#commentiteminforeminder { float:right; display:inline; width:25px; height:25px; background:url(../images/clock.png) no-repeat; margin-left:0px;}
.commentdelete { float:right; display:inline; width:25px; height:25px; background:url(../images/trash.png) no-repeat; cursor:pointer; margin-left:5px; visibility:hidden;}
#commentitemcontent { float:left; display:inline; width:550px; height:auto; word-wrap:break-word; overflow:hidden;}

#infoBox {
	background-color:#AAAAAA;
	width:360px;
	height:auto;
	position:absolute;
	visibility:hidden;
	padding:1px;
	color:#FFFFFF;
	-moz-box-shadow: 5px 5px 5px #CCCCCC;
	-webkit-box-shadow: 5px 5px 5px #CCCCCC;
	box-shadow: 5px 5px 5px #CCCCCC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#AAAAAA')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#AAAAAA') alpha(opacity=100);
}
#moduleinfoclose { display:block; float:right; height:16px; width:16px; background:url(../images/cancel.png) no-repeat; cursor:pointer; margin-right:2px; margin-top:2px;}
#moduleinfo {display:block; width:360px; height:auto; margin-top:5px;}
#moduleinfocontent {display:block; width:360px; height:auto; }
#moduleinfoitem {float:left; display:inline; width:330px; height:auto; margin-left:10px; }
#moduleinfoitemlabel {float:left; display:inline; width:80px; height:18px; font-weight:bold;}
#moduleinfoitemvalue {float:left; display:inline; width:140px; height:18px;}
#moduleinfoseperator {float:left; height:1px; width:360px; clear:both; border-top:#EFEFEF 1px solid; margin-top:5px; margin-bottom:5px; }
#moduleinfoitemtaglabel {float:left; display:inline; width:70px; height:18px; font-weight:bold;}
.moduleinfoitemtag { float:left; height:18px; margin-left:10px; margin-top:2px; margin-bottom:2px; width:auto;}
.moduleinfoitemtagremove {display:inline; height:16px; margin-left:3px; }
#moduleinfoitemtag { float:left; display:inline; width:360px; height:auto; background-color:#EFEFEF; margin-top:2px; margin-bottom:8px; color:#333333}
#moduleinfoitemtagnew { float:left; display:inline; line-height:25px;}
#moduleinfoactivities { float:left; display:inline; width:360px; background-color:#EFEFEF; margin-top:2px; color:#333333}

#listUserForSelect {
	background-color:#F5F5F5;
	width:200px;
	height:300px;
	position:absolute;
	visibility:hidden;
	border:solid #CCCCCC 1px;
	padding:2px;
}
#listUserForSelectList { float:left; display:inline; height:264px; width:193px; overflow:auto; margin-top:3px; margin-left:3px;}
#listUserForSelectButton { float:left; display:inline; height:24px; width:188px; background:#CCCCCC; margin-left:3px; padding:3px; }
#listUserForSelectListItem { float:left; display:inline; height:22px; width:171px; }

.amodify {cursor:pointer;}
#ConfirmCSKMessage { text-align:left;}

.quickaddNumberField {width:70px; text-align:right;}
.quickaddTextField {width:100px;}
.quickaddCodeField {width:50px;}
.quickaddNameField {width:150px;}
.quickaddAddressField {width:150px;}
.quickaddLinkField {width:100px;}
.quickaddButtonCell {text-align:left;}

#updatequickBox {
	background-color:#e0dfdf;
	width:210px;
	height:50px;
	position:absolute;
	-moz-border-radius: 0.3em;
  	border-radius: 0.3em;
	opacity: 0.95;
	visibility:hidden;
	padding:10px;
}

#pluginname {float:left; clear:both; height:50px; font-size:16px; width:100%; line-height:50px; }
#pluginbody {float:left; clear:both; height:auto; width:100%; }

#attachmentfile {float:left; display:inline; width:22px; height:16px; cursor:pointer;}
.attachmentfile {float:left; display:inline; width:22px; height:16px; cursor:pointer;}
#attachmentBox {
	background-color:#AAAAAA;
	width:auto;
	height:auto;
	position:absolute;
	visibility:hidden;
	padding:1px;
	color:#FFFFFF;
	z-index:500;
	-moz-box-shadow: 5px 5px 5px #CCCCCC;
	-webkit-box-shadow: 5px 5px 5px #CCCCCC;
	box-shadow: 5px 5px 5px #CCCCCC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#AAAAAA')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#AAAAAA') alpha(opacity=100);
}
#attclose {float:right; display:block; height:16px; width:16px; background:url(../images/cancel.png) no-repeat; cursor:pointer; margin-right:2px; margin-top:2px; }
#att { display:block; width:610px; height:auto; margin-top:0px; }
#attNew { float:left; display:inline; width:auto; height:auto; margin-left:10px; margin-top:7px;}
#attNewNameLabel { float:left; display:inline; width:auto; height:20px; margin-top:5px; }
#attNewNameInput { float:left; display:inline; width:auto; height:20px; margin-left:10px; }
#attNewNameInput input { width:120px; }
#attNewDescriptionLabel { float:left; display:inline; width:auto; height:20px; margin-top:5px; margin-left:5px; }
#attNewDescriptionInput { float:left; display:inline; width:auto; height:20px; margin-left:10px; }
#attNewDescriptionInput input { width:220px; }
#attNewPriorityLabel { float:left; display:inline; width:auto; height:20px; margin-top:5px; margin-left:5px; }
#attNewPriorityInput { float:left; display:inline; width:auto; height:20px; margin-left:10px; }
#attNewPriorityInput input { width:15px; }
#attNewButton { float:left; display:inline; width:auto; height:auto; margin-top:1px; margin-left:5px; }
#attNewButton input {width:45px;}

#attModifyNameLabel { float:left; display:inline; width:auto; height:20px; margin-top:5px; color:#333333 }
#attModifyNameInput { float:left; display:inline; width:auto; height:20px; margin-left:10px; }
#attModifyNameInput input { width:120px; }
#attModifyDescriptionLabel { float:left; display:inline; width:auto; height:20px; margin-top:5px; margin-left:5px; color:#333333 }
#attModifyDescriptionInput { float:left; display:inline; width:auto; height:20px; margin-left:10px; }
#attModifyDescriptionInput input { width:220px; }
#attModifyPriorityLabel { float:left; display:inline; width:auto; height:20px; margin-top:5px; margin-left:5px; color:#333333}
#attModifyPriorityInput { float:left; display:inline; width:auto; height:20px; margin-left:10px; }
#attModifyPriorityInput input { width:15px; }
#attModifyButton { float:left; display:inline; width:auto; height:auto; margin-top:4px; margin-left:13px; }
.attModifyleItem { float:left; width:610px; height:auto; margin-left:10px;}

#attList { float:left; display:inline; width:610px; height:auto; background-color:#FFFFFF;}
#attListEnd { display:none; }
#attSep { float:left; display:block; width:500px; height:6px; }
#attItem { float:left; display:inline; width:610px; height:auto; background-color:#efefef; border-bottom: solid 1px #CCC;}
.attItem { float:left; display:inline; width:610px; height:auto; margin:5px;}
.attItem1 { float:left; display:inline; width:265px; height:auto; margin:0px;}
#attItemIcon { float:left; display:inline; width: 20px; height:20px; }
.attItemNameFile { float:left; display:inline; font-size:13px; font-weight:bold; width:450px; min-height:20px; }
.attItemNameFile1 { float:left; display:inline; font-size:13px; width:220px; min-height:20px; }
.attItemPriority { float:left; display:inline; width:55px; height:18px; color:#333333; margin-left:5px;}
.attItemDescriptionFile { float:left; display:inline; width:510px; margin-top:3px; margin-left:20px; min-height:16px; color:#333333}

#attItemThumbnail {float:left; display:inline; width:auto; height:auto; }
#attItemThumbnail img { max-height:45px; max-width:60px; border:0;}
.attItemNameImage { float:left; display:inline; font-size:13px; font-weight:bold; width:400px; height:18px; }
.attItemNameImage1 { float:left; display:inline; font-size:13px; width:190px; min-height:20px; }
.attItemDescriptionImage { float:left; display:inline; width:460px; margin-top:3px; min-height:16px; color:#333333}

#attItemFile {float:left; display:inline;}
#attItemImage {float:left; display:inline;}
#attImageThumbnail {width:auto; max-width:50px; height:auto; max-height:50px;}

/* OLD 3.1 */

.Ulist {margin-top:6;margin-bottom:6;margin-left:30}
.Litem {list-style-image:url(../images/plus.gif);margin-top:6;margin-bottom:6}
.Lnone {list-style-image:url(../images/empty.gif);margin-top:6;margin-bottom:6}

#login input,select {font-size:12px}

#searchadvbutton {float:right; display:inline; margin-left:15px; margin-top:2px; margin-bottom:10px; width:auto; height:30px; } 

#searchadvanced { float:left; margin-left:20px; margin-top:5px; }
#searchrow { width:100%; clear:both; min-height:38px; border-bottom:1px solid #eeeeee; padding-top:8px; padding-bottom:8px; display:inline-block;}
#searchlabel {float:left; width:30%; padding-right:10px; text-align:right;}
#searchnumberlabel {float:left; }
#searchnumbervalue {float:left; }
#searchdatevalue {float:left; }
#searchdatelabel {float:left; width:10%; text-align:right; padding-right:10px;}
#searchnumberlabel {float:left; width:10%; text-align:right; padding-right:10px;}
#searchchecklistrow {height:auto;}
#searchchecklistlabel { float:left; width:30%; padding-right:10px; text-align:right; height:auto; }
#searchchecklistvalue {float:left;}

#tab { float:left; display:inline; clear:both; height:25px; width:100%; margin-bottom:2px; background:#F1F1F1;}
#tabnameimage { float:left; display:inline; margin-top:2px; }
#tabname { float:left; display:inline; margin-top:4px; font-size:14px; font-weight:bold}
#tabnamecount { float:left; display:inline; margin-top:4px; font-size:10px; margin-left:4px; }
#tabbutton { float:right; display:inline; width:auto; height:auto;}

.moduletab {clear:both; float:left; width:100%; height:auto;}
.list { width:100%; margin:0px; padding:0px; height:auto; }
.listsetupmodulefield { width:95%; margin:0px; padding:0px; height:auto; }
.listtitle { border-top:1px solid #e2eff3; border-bottom:1px solid #e2eff3; padding-top:5px; padding-bottom:5px; padding-left:3px; background-color:#fafafa;}
.listtitlenumber { border-top:1px solid #e2eff3; border-bottom:1px solid #e2eff3; padding-top:5px; padding-bottom:5px; padding-right:20px; background-color:#fafafa; text-align:right;}

.listrow { }
.listrowhighlight { background-color:#EFEFEF }
.listcell { padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:3px; min-width:30px; vertical-align:top; }
.listcellnumber { padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:3px; min-width:50px; text-align:right; padding-right:5px; vertical-align:top; }
.listcellnumbercal { border-top:1px solid #AAAAAA; padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:3px; min-width:50px; text-align:right; padding-right:5px; vertical-align:top; font-weight:bold; }
.listflag {float:left; margin-right:5px; margin-top:3px; width:7px; height:7px; -moz-border-radius: 0.5em;
  	border-radius: 0.5em;}



#imagethumbnail {float:left; margin-left:20px;}
    #imagethumbnail img {max-width:200px;}

/* 2 cot thong tin */
.attachmentname {float:left; display:inline; clear:both; width:200px;}
.attachmentdescription {width:250px;height:40px} */
.attachmentbrowse {float:left; display:inline; clear:both;}
.field { float:left; display:inline; min-height:40px; width:50%; }
.fieldtextrich { float:left; display:inline; height:auto; width:100%; }
#textrich {float:left; display:inline; clear:both; width:100%; height:auto; }
#fieldclear { clear:both; width:100%; min-height: 60px;}
.fieldlabel { float:left; display:inline; padding-right:5px; width:30%; height:auto; text-align:right; margin-top:5px; color:#bbbbbb; } 
.fieldvalue { float:left; display:inline; width:70%; height:auto; min-height:27px; padding:5px; border-bottom:1px dotted #dddddd; color:#111111;}
.fieldvalue input {margin-top:-2px;}
.fieldcheck input {margin-top:0px;}
#fieldtabimage { clear:left; display:inline; float:left; height:25px; padding-top:15px; width:auto; }
.fieldtab { display:inline; float:left; height:40px; padding-top:15px; font-size:13px; color:#888888; font-weight:bold; margin-bottom:20px;}
.fieldtabtitle { display:inline; float:left; height:18px; margin-left:20px; padding:10px; width:100%; font-size:11px; color:#999999; background-color:#eeeeee; font-weight:bold; margin-bottom:10px;}
.fieldtabnext {clear:both; float:left; width:100%; height:auto; text-align:right; }


/* 1 cot thong tin
.attachmentname {float:left; clear:both; width:200px;}
.attachmentdescription {float:left; clear:both; width:485px;height:80px}
.attachmentbrowse {float:left; clear:both;}
#field { clear:both; width:700px; }
#fieldlabel { float:left; margin-right:10px; width:180px; height:auto; text-align:right; padding:5px; color:#aaaaaa; } 
#fieldvalue { float:left; width:490px; height:auto; min-height:20px; padding:5px; border-bottom:1px solid #ecf4f6; }
#fieldtabimage { clear:left; display:inline; float:left; height:25px; padding-top:15px; width:auto; }
#fieldtab { display:inline; float:left; height:20px; padding-top:15px; width:750px; font-size:13px; color:#888888; font-weight:bold; border-bottom:1px solid #e2eff3; margin-bottom:10px;}

*/

#rbFunction { float:left; display:inline; width:400px; height:22px; }



#rsFunction { float:left; display:inline; width:250px; height:auto; background-color:#EFEFEF; }
.rsFunctionItemSelected { float:left; display:inline;  padding-left:5px; padding-top:5px; background-color:#FFFFFF; height:26px; cursor:pointer; width:250px; }
.rsFunctionItemNoneSelected { float:left; display:inline;  padding-left:5px; padding-top:5px; height:26px; cursor:pointer; width:250px;}
#rsFunctionLabel { padding-left:8px; padding-top:8px; background-color:#DDDDDD; height:26px; font-weight:bold; border-bottom:#DDDDDD 1px solid; }
#rsFunctionItemLabel { float:left; display:inline; width:115px; margin-top:3px; }
#rsFunctionItemCheckBox { float:left; display:inline; width:25px; }
#rsFunctionItemDataMode { float:left; display:inline; width:70px; }
#rsFunctionGroup { float:left; display:inline; width:auto; height:auto; }
#rsFunctionGroupLabel { padding-left:8px; padding-top:8px; height:26px; width:100%; font-weight:bold; border-bottom:#DDDDDD 1px solid; }
#rsModuleGroupRoot { clear:left; float:left; display:inline; padding-left:5px; padding-top:5px; height:26px; font-weight:bold; }
#rsModuleGroupItem { clear:left; float:left; display:inline; margin-left:20px; width:200px; }
#rsModuleGroupContent { padding-left:5px; padding-top:5px; height:26px; width:auto; font-weight:bold; }
.rsGroupModify { background-color:#FFCC66; }

#rsFunctionTask { float:left; display:inline; width:auto; height:auto; }
#rsFunctionTaskLabel { padding-left:8px; padding-top:8px; height:26px; width:100%; font-weight:bold; border-bottom:#DDDDDD 1px solid; }
#rsModuleTaskRoot { clear:left; float:left; display:inline; padding-left:5px; padding-top:5px; height:26px; font-weight:bold; }
#rsModuleTaskItem { clear:left; float:left; display:inline; margin-left:20px; width:200px; }
#rsModuleTaskContent { padding-left:5px; padding-top:5px; height:26px; width:auto; font-weight:bold; }
.rsTaskModify { background-color:#FFCC66; }




.setupmodulefieldtextbox {width:100px;}
.setupmodulefieldtextboxnumber {width:40px;}

#notifications {float:left; display:inline; width:200px; height:auto; font-size:15px; font-weight:bold; margin-left:20px; margin-top:20px;}
#ra {float:left; display:inline; width:100%; height:auto; margin-top:5px; margin-left:10px; margin-bottom:5px;}
#raitem {float:left; display:inline; width:auto; height:auto; margin-left:22px; clear:both;}
#raitemdate {float:left; display:inline; width:auto; height:auto; margin-left:22px; color:#AAAAAA; clear:both;}
#raitemAdd {float:left; display:inline; width:100%; height:auto; background:url(../images/plus.png) no-repeat; margin-top:5px; }
#raitemDelete {float:left; display:inline; width:100%; height:auto; background:url(../images/trash.png) no-repeat; margin-top:5px; }
#raitemDeleteFile {float:left; display:inline; width:100%; height:auto; background:url(../images/trash.png) no-repeat; margin-top:5px; }
#raitemTag {float:left; display:inline; width:100%; height:auto; background:url(../images/tag.png) no-repeat; margin-top:5px; }
#raitemRemoveTag {float:left; display:inline; width:100%; height:auto; background:url(../images/tag.png) no-repeat; margin-top:5px; }
#raitemUpdate {float:left; display:inline; width:100%; height:auto; background:url(../images/save.png) no-repeat; margin-top:5px; }
#raitemAddComment {float:left; display:inline; width:100%; height:auto; background:url(../images/bubble.png) no-repeat; margin-top:5px; }
#raitemAddToReminder {float:left; display:inline; width:100%; height:auto; background:url(../images/clock.png) no-repeat; margin-top:5px; }
#raitemAddFile {float:left; display:inline; width:100%; height:auto; background:url(../images/attach.png) no-repeat; margin-top:5px; }
#notificationsdetail {float:left; display:inline; width:100%; height:auto; margin-top:10px; margin-left:20px;}


#rd {float:left; display:inline; width:100%; height:auto; }
#rdName {float:left; display:inline; width:100%; height:auto; font-size:15px; font-weight:bold; }
#rdContent {float:left; display:inline; width:100%; height:auto; margin-top:10px; }
#rdFooter {float:left; display:inline; width:100%; height:auto; margin-top:30px; border-bottom:#EEEEEE 1px solid; }

#rdItem { float:left; display:inline; height:auto; margin-top:5px; }
#rdItemRight { float:left; display:inline; height:auto;}
#rdItemModule { float:left; display:inline; padding:4px; margin:2px;  background-color:#F5F5FF; -moz-border-radius: 0.3em; border-radius: 0.3em; clear:left;}
#rdItemData { float:left; display:inline; height:auto; min-height:16px; padding:4px; margin:2px; border-left:#DDDDDD solid 1px; }



#calendarButtonIE6 {float:left; display:inline; width:35px; height:27px; color:#FFFFFF; font-weight:bold; cursor:pointer; background:url(../images/btcalendar.jpg) no-repeat; text-align:center; padding-top:8px; font-size:15px;}

#re {float:left; display:inline; width:100%; height:100%; background-color:#F5F5F5; }
#reNavigator {float:left; display:inline; width:auto; height:auto; font-size:15px; margin:5px; text-align:left;}
#reClose {float:right; height:18px; width:18px; background:url(../images/cancel.png) no-repeat; cursor:pointer; margin-top:0px;}
#reContent {float:left; display:inline; width:100%; height:100%; background-color:#F5F5F5}
#calendar {float:left; display:inline; width:100%; height:100%; margin: 0 auto; background-color:#FFFFFF;} 
.myReminder {background-color:#3aa506; border-color: #3aa506; font-size:12px; } 
.myReminderCreated {background-color:#FFCC33; border-color: #FFCC33; font-size:12px; } 
.notmyReminder {background-color:#1559b6; border-color: #1559b6; font-size:12px;}
.myReminder a {background-color:#3aa506; border-color: #3aa506; font-size:12px; } 
.myReminderCreated a {background-color:#FFCC33; border-color: #FFCC33; font-size:12px; } 
.notmyReminder a {background-color:#1559b6; border-color: #1559b6; font-size:12px;}

#reCalendariframe {height:100%; width:100%; background-color:#F5F5F5; z-index:3050;}
#calendarBox {
	background-color:#e0dfdf;
	width:600px;
	height:473px;
	position:absolute;
	left:210px;
	top:165px;
	display:block;
	visibility:hidden;
	z-index:3000;
	padding: 0.5em;
	-moz-box-shadow: 5px 5px 5px #CCCCCC;
	-webkit-box-shadow: 5px 5px 5px #CCCCCC;
	box-shadow: 5px 5px 5px #CCCCCC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#AAAAAA')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#AAAAAA') alpha(opacity=100);
}
#calendarEventBox {
	font-size:12px;
	background-color:#e0dfdf;
	width:303px;
	height:300px;
	position:absolute;
	left:190px;
	top:80px;
	visibility:hidden;
	padding:2px;
	z-index:3010;
	text-align:left;
	-moz-box-shadow: 5px 5px 5px #CCCCCC;
	-webkit-box-shadow: 5px 5px 5px #CCCCCC;
	box-shadow: 5px 5px 5px #CCCCCC;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#AAAAAA')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#AAAAAA') alpha(opacity=100);
}
#ui-datepicker-div {z-index:30000; font-size:11px;}
.ui-datepicker {display:none;}
#reBoxName {float:left; display:inline; width:auto; height:auto; font-size:15px; font-weight:bold; margin:5px; cursor:move;}
#reBoxCreated {float:left; display:inline; margin-top:5px; width:20px; height:20px; margin-left:5px; background-image:url(../images/save.png); background-repeat:no-repeat;}
#reBoxClose {float:right; height:18px; width:15px; background:url(../images/cancel.png) no-repeat; cursor:pointer; margin-top:3px; margin-right:3px;}
#reBoxContent {float:left; display:inline; width:100%; height:auto; margin:5px; margin-top:0px;}
#reBoxLink {float:left; display:inline; width:100%; height:auto; margin:5px; margin-top:0px; background-image:url(../images/bubble.png); background-repeat:no-repeat; padding-left:20px;}
#reBoxOwner {float:left; display:inline; width:100%; height:auto; margin:5px; margin-top:0px; background-image:url(../images/save.png); background-repeat:no-repeat; padding-left:20px;}
#EventContent {width:288px;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

#paging {float:left; display:inline; width:100%; height:auto; margin-top:20px; }
#pagingLabel {float:left; display:inline; width:40px; height:25px; padding-top:5px}
#pagingNum {float:left; display:inline; min-width:21px; width:auto; height:25px; text-align:center; margin-left:5px; border:#EEEEEE solid 1px; background:#F3F3F3; vertical-align:middle; padding-top:4px; margin-bottom:5px;}
#pagingNum a {color:#333333; text-decoration:none;}
#pagingNum img {margin-top:0px; border:0px;}
#pagingNumCurrent {float:left; display:inline; min-width:21px; width:auto; height:25px; text-align:center; margin-left:5px; border:#6699FF solid 1px; background:#6699FF; vertical-align:middle; padding-top:4px; color:#FFFFFF; margin-bottom:5px;}
#pagingInfo {float:left; display:inline; width:auto; height:20px; padding-top:5px; margin-left:10px; }
#pagingSelect {float:left; display:inline; width:auto; height:20px; padding-top:4px; margin-left:10px; }

#dashboardLeft {float:left; display:inline; width:720px; height:auto; min-height:300px; border-right:solid 1px #EFEFEF;}
#dashboardRight {float:left; display:inline; width:220px; height:auto; }



optgroup {color:#CCCCCC; text-decoration:none; }

/* css for module group tree */
.mstList {float:left; display:none; margin-left:10px; width:100%; clear:both;}
.mstItem {float:left; display:block; margin-top:5px; width:100%; clear:both;}
.mgtList {float:left; display:none; margin-left:10px; width:100%; clear:both;}
.mgtItem {float:left; display:block; margin-top:5px; width:100%; clear:both;}
.mgtItem0 {width:90%;} 
.mgtItem1 {width:85%;} 
.mgtItem2 {width:80%;} 
.mgtItemNode {float:left; display:block; width:16px; height:16px; background-image:url(../images/fieldtabnone.gif); background-repeat:no-repeat; background-position: -2px -2px; cursor:pointer;} 
.mgtItemNodeOpen {float:left; display:block; width:16px; height:16px; background-image:url(../images/fieldtabblock.gif); background-repeat:no-repeat; background-position: -2px -2px; cursor:pointer;} 
.mgtItemNodeEnd {float:left; display:block; width:16px; height:16px; } 
#mgtList0 { display:block !important; }

#loginspan { margin:auto; width:310px; min-height:100px; margin-top:30px;}
#loginspanrow { float:left; padding:4px 0px; width:100%;}
#loginspancolleft { float:left; padding-top:5px; width:35%; text-align:right;}
#loginspancolright { float:left; padding:0px 10px; width:50%;}
#loginspanmsg { margin:auto; width:310px; height:auto; margin-top:30px; text-align:center;}
#loginspangoogle { margin:auto; width:310px; height:auto; margin-top:30px; text-align:center;}
#headerlogincloud {float:left; display:inline; margin:0px; padding:0px; width:100%; height:180px !important; background:url(../images/cloud-01.png) bottom center no-repeat !important;}
.container { width:100% !important; padding:0px;}
.table-responsive {float:left; height:auto; width:100%;}
#pageleft { display:block;}
#modulebarleftexpand {display:none;}
#modulebarleftexpand2 {display:none;}
#modulebarlefttext a { text-decoration:none;}
.quititem { visibility:hidden;}
.buttonMainAccount { padding-right:10px;}

@media all and (max-width: 1920px) {
#pagecenter {width:72%;}
#pagecenterplugin {width:1680px;}
.container { width:100% !important; padding:0px;}
}
@media all and (max-width: 1440px) {
#pagecenter {width:65%;}
#pagecenterplugin {width:1200px;}
}
@media all and (max-width: 1366px) {
#pagecenter {width:62%;}
#pagecenterplugin {width:1126px;}
}
@media all and (max-width: 1280px) {
#pagecenter {width:50%;}
#pagecenterplugin {width:1060px;}
}

/* Danh cho may tinh bang chieu ngang */
@media all and (max-width: 1100px) {
	#modulebarleftexpand {float: left; width: auto; height: auto; padding-top: 10px; padding-left: 10px; display:block;}
	#pagecenterplugin {width:100%;margin-left:0;}
	#pageleft {display:none;}
	#menubarcontentleft { display:none;}
	#menubar {width:100%; height:auto;}
	#menubargray { height:auto; width:100%;}
	#floatbar {width:100%; height:auto;}
	#pagemain { background:none; min-width:0px; width:100%;}
	#footer { min-width:0px; width:100%; background:#eee; min-height:40px; margin-top: 25px;}
	#copyright {margin:auto; padding:15px; width:100%; text-align:center;}
	#copyright p {padding:0px; margin:0px;}
	
	#pageleft {width:100%; background-color:#eee; padding-bottom: 5px; padding-top: 5px; min-height:0px;}
	#task {width:100%;}
	#taskgroupname { clear:left; margin-top:5px; font-weight:bold; height:20px; min-width:70px;}
	#taskname { clear:none; margin-left:15px;margin-top:5px; height:20px;}
	#StatusSearch { clear:none; margin-top:5px; width:100%;}
	#StatusSearchName { clear:none; font-weight:bold; min-width:70px;}
	.mstItem {clear:none; width:auto; margin-top:0px;}
	.mstList {clear:none; width:auto; margin-left:0px;}
	.mstItemNode { background:none; pointer-events: none; cursor:default;}
	#modulebarlefttext { height:auto; padding:5px 15px; line-height:normal;}
	#modulebarleft { height:auto; width:auto;}
	#modulebar { height:auto; }
	#pagecenter { width:100%; margin-left:0px; padding-left:15px; padding-right:15px;}
	#modulegrouptree {width:40%;}
	#chartpie {width:60%;}
	#pageright {width:100%; margin-left:0px; padding-left:15px; padding-right:15px;}
	#modulecomment {margin-top:25px;}
	#modulecommentname {clear:both; width:100%; border-top:#eee solid 1px; margin-top:0px; padding-top:15px;}
	#modulecommentlist {width:100%;}
	#modulecommentitemsep {display:none;}
	.modulecommentitem {padding-right:10px; width:305px; padding-left:10px; border-left:#eee solid 1px;}
	#modulecommentiteminfo {width:100%;}
	#modulecommentitemcontent {width:100%;}
	.table-responsive {float:left; height:auto; width:100%;}
	
}

/* Danh cho may tinh bang chieu dọc */
@media all and (max-width: 900px) {
	#searchitem2 {display:none;}
	#search {margin-top:5px;}
	div #searchitem input { margin-top:1px; width:150px; height:24px; }
	#pagemain { }
	#footer { }
	#modulebar { }
	#menubarcontentleft { display:none;}
	#floatbar {width:100%; height:auto; float:right; z-index:1000 !important;}
	#menubar {width:100%;; height:auto; background:none;}
	#menubarcontent {width:100%;; height:auto; background:none;}
	#menubargray {width:100%;; height:auto; background:none;}
	#calendarBox {display:none;}
	#headerrightline {display:none;}
	#header { height:70px;}
	#cssmenu { width:100%; top:-55px;}
	#menu-button { float:right; width:40px; z-index:2000 !important; }
	#headerlogo {z-index:99999 !important; position:relative; }
	.menuother {display:none !important; }
	#modulegrouptree {width:100%;}
	#chartpie {display:none;}
	.quititem { visibility:visible;}
}
 
/* Danh cho may tinh bang chieu dọc */
@media all and (max-width: 768px) {	
	#modulebar {min-width:0px;}
	.field { width:50%;}
}
/* Danh cho phone */
@media all and (max-width: 568px) {
	#modulebarright { display:none;}
	#modulebarleftexpand2 {float: left; width: auto; height: auto; padding-top: 10px; padding-left: 10px; display:block;}
	.field { width:100%;}
	#infoBox { display:none;}
	#searchdatelabel {width:30%; clear:left;}
	#searchnumberlabel {width:30%; clear:left;}
}