@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	background-color: #676767;
	font-family: Arial, Helvetica, sans-serif;
}

div,p,span,ul,li,h1,h2,h3,img,form,label {
	margin: 0px;
	padding: 0px;
}

.x-portal .x-panel-dd-spacer {
	margin-bottom: 10px;
}

.x-portlet {
	margin-bottom: 10px;
}

/* Clean up the look of the portlets */
.x-portlet .x-panel-ml {
	padding-left: 2px;
}

.x-portlet .x-panel-mr {
	padding-right: 2px;
}

.x-portlet .x-panel-bl {
	padding-left: 2px;
}

.x-portlet .x-panel-br {
	padding-right: 2px;
}

.x-portlet .x-panel-body {
	background: white;
}

.x-portlet .x-panel-mc {
	padding-top: 2px;
}

.x-portlet .x-panel-bc .x-panel-footer {
	padding-bottom: 2px;
}

.x-portlet .x-panel-nofooter .x-panel-bc {
	height: 2px;
}

.floatright {
	float: right
}

.floatleft {
	float: left
}

#loginwrapper {
	margin: 70px auto;
	width: 817px
}

.midcontent {
	float: left;
	padding: 50px 100px;
	width: 300px;
	background-color: #FFFFFF;
	height: 150px
}

#loginfooter {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	padding: 10px 0
}

#loginfooter a {
	color: #000000;
	text-decoration: underline
}

#loginfooter a:hover {
	text-decoration: none;
}

.seprtr {
	padding: 0 5px
}

.cursorPntr {
	cursor: pointer
}

#north {
	background-repeat: repeat-x;
}

#north #logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

.x-layout-panel-north {
	border: 0px;
}

img.icon16 {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.btn-checkout .x-btn-text {
	background-image: url(../images/icons/checkout.gif);
}

.btn-edit .x-btn-text {
	background-image: url(../images/icons/edit.gif);
}

.btn-details .x-btn-text {
	background-image: url(../images/icons/details.gif);
}

.btn-delete .x-btn-text {
	background-image: url(../images/icons/delete.gif);
}

.x-tree-node-leaf .x-tree-node-icon {
	background-image:
		url("../lib/ext/resources/images/default/tree/folder.gif");
}

#searchPanel {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	background-image: url(../images/dal/search_24.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 30px;
	z-index: 50;
}

html,body {
	font: normal 12px verdana;
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: hidden;
	height: 100%;
}

p {
	margin: 5px;
}

.settings {
	background-image: url(../images/icons/fam/folder_wrench.png) !important;
}

.nav {
	background-image: url(../images/icons/fam/folder_go.png) !important;
}

.tag {
	background-image: url(../images/icons/nav_tag.gif) !important;
}

.x-panel-body p {
	margin: 5px;
}

.search-item {
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	padding: 3px 10px 3px 10px;
	border: 1px solid #fff;
	border-bottom: 1px solid #eeeeee;
	white-space: normal;
	color: #555;
	min-height: 28px;
}

.search-item h3 {
	display: block;
	font: inherit;
	font-weight: bold;
	color: #222;
}

.search-item h3 span {
	float: right;
	font-weight: normal;
	margin: 0 0 5px 5px;
	width: 100px;
	display: block;
	clear: none;
	white-space: nowrap;
}

.add {
	background-image: url(../images/icons/tagit.gif) !important;
}

.remove {
	background-image: url(../images/icons/fam/delete.gif) !important;
}

#tagCloud {
	line-height: 2em;
}

#tagCloud .tagContainer {
	float: left;
	padding: 2px;
}

#tagCloud span.removeTag {
	font-size: 12px;
}

#tagCloud span.select {
	padding: 1px;
	color: #0073E6;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

#tagCloud span.tagSelected {
	background-color: #FFFF90;
	font-size: 12px;
	margin: 2px;
	color: #0073E6;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

#tagCloud span.tagName0 {
	font-size: 11px;
}

#tagCloud span.tagName1 {
	font-size: 12px;
}

#tagCloud span.tagName2 {
	font-size: 13px;
}

#tagCloud span.tagName3 {
	font-size: 14px;
}

#tagCloud span.tagName4 {
	font-size: 15px;
}

#tagCloud span.tagName5 {
	font-size: 16px;
}

#tagCloud span.tagName6 {
	font-size: 17px;
}

#tagCloud span.tagName7 {
	font-size: 18px;
}

#tagCloud span.tagName8 {
	font-size: 19px;
}

#tagCloud span.tagName9 {
	font-size: 20px;
}

#tagCloud span.tagName10 {
	font-size: 21px;
}

#tagCloud span.tagCount {
	color: #CCCCCC;
	font-size: 11px;
	padding-left: 0.1em;
}

.x-form-field-wrap .x-form-tag-trigger {
	background-image: url(../images/icons/tag-trigger.gif);
	cursor: pointer;
}

.logout {
	float: left;
    margin-top: 6px;
   
}
.logoutWrap{float: left;
    padding-left: 4px;
    position: relative;
    text-align: right;}
    
.logout a.txtDecoration{
	text-decoration:none;
	
}

/**.imgIcon {
    margin-left: 2px;
    position: absolute;
    right: 31%;
    top: 0;
}**/

.searchIcon{bottom: 0px; position:absolute; left:5px}
.searchBox {
	float: left;
	padding-right: 5px;
	width: 280px;
	height: 35px;
}
.searchBox .x-form-field-wrap{width:285px !important;}
.searchBox #search{width:275px !important;}
.upload-icon {
	background: url('../images/icons/fam/image_add.png') no-repeat 0 0
		!important;
}

#fi-button-msg {
	border: 2px solid #ccc;
	padding: 5px 10px;
	background: #eee;
	margin: 5px;
	float: left;
}

.x-form-file-wrap {
	position: relative;
	height: 22px;
}

.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter: alpha(opacity :       0);
	opacity: 0;
	z-index: 2;
	height: 22px;
}

.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}

.x-form-file-wrap .x-form-file-text {
	position: absolute;
	left: 0;
	z-index: 3;
	color: #777;
}
.x-toolbar div.xtb-text.wrap-text{
	white-space: normal;
	float:left;
	overflow:auto;
	*overflow:auto;
	width:1038px;
}
.overflowWrapper,#north { min-width:1100px; }
/**************** New Header ***************************/
#loginheader {background:url(../images/dal/header_bg.gif) repeat-x left top;height:71px;overflow:hidden;width: 100%;}
.login_page{background:url(../images/dal/login_page_bg.gif) no-repeat right bottom #fff;}
.header{background:url(../images/dal/header_bg.gif) repeat-x left top;height:71px;overflow:hidden;}
.logo {float: left;margin: 19px 0 0 11px;}

.login_page_footer{position:absolute;background:#cccccc;overflow:hidden;font-family:tahoma;font-size:11px;color:#292929;bottom:0px;width:100%;border-top:solid 1px #fff;}
.login_page_footer a{color:#292929;text-decoration:none;}
.login_page_footer a:hover{color:#000;text-decoration:underline;}
.login_page_footer .left{float:left;margin:8px 0px 8px 19px;}
.login_page_footer .right{float:right;margin:8px 19px 8px 0px;}

.heading3{margin:0px 0px 10px 0px;background:url(../images/dal/arrow1.gif) no-repeat left 0px;padding:0 20px 6px; color:#000;font-weight:bold;font-size:13px;font-family:arial;}
.heading4{margin:0px 0px 10px 0px;background:url(../images/dal/arrow1.png) no-repeat left 0px;padding:6px 0px 0px 30px; height:24px; color:#000;font-weight:bold;font-size:13px;font-family:arial;}
.heading3-new{margin:0px 0px 10px 0px;background:url(../images/dal/redline.gif) no-repeat left 0px;padding:10px 0px;}

.login_box_container{background:url(../images/dal/login_panel_bg.gif) no-repeat left 0px;padding:36px 20px 30px 140px;overflow:hidden;}

.login_page .login_box_container div.x-panel-bwrap{width:100%;}

.login_page .login_box_container div{background:none;border:none;padding:0px;}
.login_page .login_box_container div.x-panel.x-form-label-left{width:670px;}

.login_page .login_box_container div.x-panel-ml{float:left;background:none;border:none;padding:0px;width:520px;}
.login_page .login_box_container div.x-panel-bl{float:left;width:80px;margin-top:7px;}
.login_page .login_box_container div.x-panel-bl div{height:30px;}

.login_page #loginDiv .x-panel-footer.x-panel-btns{min-width:100px;}

.login_page #loginDiv .x-form-text, .login_page textarea.x-form-field{border:solid 1px #ccc;border-top:solid 1px #8e8e8e;color:#7b7b7b;background:#F6F6F6;padding-top:1px;}

.login_page #loginDiv .x-panel-bl, .login_page .x-panel-bl div{float:left;}
.login_page #loginDiv .x-form-item{float:left;width:250px;height:40px;}
.login_page #loginDiv .x-form-item input{min-width:156px;}

.login_page #loginDiv .login_button{background:url(../images/dal/login_button.gif) no-repeat left top;padding:1px 4px 6px 2px !important;color:#666;cursor:pointer;}
.login_page #loginDiv .login_button td{background:none;border:none;}
.login_page #loginDiv .login_button td button{background:none;border:none;font: 13px arial;color:#666!important;font-weight:bold;height:18px!important;cursor:pointer!important;}
.login_page #loginDiv input{padding:2px!important;background:#F6F6F6;border:solid 1px #ccc;border-top:solid 1px #8E8E8E;color:#000;}
.login_page .x-form-item {font: 13px arial,tahoma,helvetica,sans-serif;}
.left-right-buttons .x-panel-btns {
    text-align: 'center'
	*width: 900px;
	width: 374px;
}
.left-right-buttons .x-panel-btns table {
   *width: 500px;
   	width: 191px;
}
.left-right-buttons .x-panel-btns .x-btn-left {
    float: left;
	 *width: 800px;
	 	width: 374px;
}
.content_planner{color:#0000EE;}