body {
    padding: 0;
    margin: 0;
    font-family:  Tahoma, arial, sans-serif;
    font-size: 13px;
    text-align: center;
    background: #FFF;
    line-height: 18px;
    color: rgb(102, 102, 102);
}

h2 {
	color: rgb(45, 45, 45);
	margin: 15px 0 30px 0px;
	font-size: 22px;
	font-weight:100;
	text-transform:uppercase;
	line-height: 25px;
}

select, textarea {
	font-family: Tahoma, arial, sans-serif;
	font-size: 13px;
}


img {border: none;}

.floatleft {float: left;}
.floatright {float: right;}
.clearleft {clear:left;}
.clearright {clear:right;}
.clear{clear:both;}
		
a, a:visited, a:link {
    color: rgb(192, 8, 72);
    text-decoration: none;
}
a:hover, a:visited:hover {
    color: #F3901D;
}




#page {
    text-align: left;
    margin: 0 auto;
    width: 940px;
    position: relative;
}
#logo {
    display: inline-block;
    float: left;
    width: 318px;
    margin-top: 18px;
}

#logoheading {
	font-size:30px;
	padding-top:110px;
}

#nav1 {
    /*background: url(/themes/ftn/images/mast-gradient.png) #E1E1E1 repeat-x top;*/
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border: 1px solid #E5E5E5;
	border-radius: 5px;
    display: inline-block;
    height: 35px;
    width: 940px;
    margin-top: 11px;
    margin-bottom: 15px;
	padding-top: 5px;
}

    #nav1 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-weight: normal;
        font-size: 15px;
        color: #211C1E;
		
    }
    #nav1 li {
        float: left;
        padding: 0;
        margin: 0;
        background: none;
    }
        #nav1 li a {
            display: block;
            color: rgb(105, 106, 109);
            text-decoration: none;
        }
        #nav1 li a span {
            display: block;
            font-size: 13px;
            font-weight: bold;
            margin: 0;
            padding: 8px 14px 0;
        }
    #nav1 li.active a { color: #C00848 }
    #nav1 a:hover { text-decoration: underline }
	
	
	#userbar {      
		top: 10px;
		right: 0px;
		position: absolute;
		width: 518px;
		padding: 10px;
		text-align: right;
	}	
	#userdetails {		
		padding: 3px 0 3px 30px;
		display: inline;
	}
	#loginlogout {padding: 0px; display: inline; list-style: none; margin: 3px 0 0;}
	#loginlogout li {display: inline; border-left:1px solid #9c9c9c; padding: 0 3px 0 6px;margin:0;}
	#loginlogout li a { color:rgb(51, 52, 139) !important; font-size:12px !important; font-weight:bold;}
	#loginlogout li:first-child {border-left:none;}
	
	#xuserbar {      
		top: 10px;
		right: 0px;
		position: absolute;
		width: 518px;
		padding: 10px;
		text-align: right;
	}	
	#xuserdetails {
		background: url("/Theme/Images/user-icon.gif") no-repeat scroll 0 50% transparent;		
		padding: 3px 0 3px 30px;
		display: inline;
	}
	#xloginlogout {display: inline; list-style: none; margin: 3px 0 0;}
	#xloginlogout li {display: inline; border-left:2px solid #9c9c9c;padding: 0 3px 0 6px;margin:0;}
	#xloginlogout li:first-child {border-left:none;}

/* Basic list */
ul.nobullets {list-style: none;margin:0;padding:0;}

.hide { display:none;}
.clear {clear: both;}


/* MessageBox */
.msgboxpopup { position: absolute; top: 200px; width: 400px; left: 365px; padding: 10px;
           -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff;   border: 1px solid #000;
}
div.infomsg, div.infomsgnoicon, div.successmsg, div.successmsgnoicon, div.warningmsg, div.warningmsgnoicon, 
div.errormsg, div.errormsgnoicon, div.waitmsg, div.waitmsgnoicon { 
    border: 1px solid; margin:10px 0; padding: 5px 5px 5px 40px; line-height: 100%; background: no-repeat 10px center;
}

.infomsg .ilink_remove, .successmsg .ilink_remove, .warningmsg .ilink_remove, .errormsg .ilink_remove, .waitmsg .ilink_remove { height: 12px; }
.infomsg, .successmsg, .warningmsg, .errormsg, .waitmsg { padding-left: 20px; }
.infomsg, .infomsgnoicon { color: #0066CC; }
div.infomsg { background-color: #E5EFFA; background-image: url('/themes/ftn/images/icons/uimessage/infosmall.png'); }
.successmsg, .successmsgnoicon { color: #3F6D0D; }
div.successmsg { background-color: #DFF2BF; background-image: url('/themes/ftn/images/icons/uimessage/successsmall.png'); }
.warningmsg, .warningmsgnoicon { color: #9F6000; }
div.warningmsg { background-color: #FEEFB3; background-image: url('/themes/ftn/images/icons/uimessage/warningsmall.png'); }
.errormsg, .errormsgnoicon { color: #D8000C; }
div.errormsg { background-color: #FFBABA; background-image: url('/themes/ftn/images/icons/uimessage/errorsmall.png'); }
.waitmsg, .waitmsgnoicon { color: #333333; }
div.waitmsg { background-color: #E5E5E5; background-image: url('/themes/ftn/images/icons/uimessage/waitsmall.gif'); }

.msgboxmsg { width: 90%; margin-bottom: 0; padding: 5px 0; }
.msgboxmsg ul, .msgboxmsg ol {padding-left: 20px;margin:0;}


/*FORM*/
.required_help {margin: 20px;}
.form-intro {margin-bottom: 10px; padding: 10px 10px 10px 10px; background: #efefef; border: 1px solid #e0e0e0; 
             font-style: italic;font-size:90%;line-height:130%;color: #007EAC;border:1px solid #007EAC;}

.form-section {

}
.form-section fieldset {border:none;margin:0;padding:0;}
.form-section legend {border:none;margin:0;padding:0;display:none;	padding:5px 0;width:100%; /* For IE8 */}
.form-section legend span {color:#fff;font-weight:bold;margin:0 20px;white-space:normal;display:block;zoom:1; padding-top:5px; padding-bottom: 5px; text-shadow: 1px 1px #000; font-size: 15px; /* For IE7 */}				
                
.form-section .form-fields {
	background: #fff;
	padding: 0 30px 0 30px;
	border-radius: 0 0 8px 8px;
}

	.form-field {margin: 15px 20px 15px 20px; padding-bottom: 10px;}
    .form-field-intro {margin: 0 0px 10px 0; padding: 10px; background: #EFE7B8; border: 2px solid #F0DC7E; color: #000}
    .form-label {display: block;float: left;width: 150px; padding-right:10px;}
    .required {color: red;}
    .form-input {margin-left: 165px;}
    .form-input input {width: 500px; padding: 8px 3px 8px 3px; color: #636363;}
    .form-input input[type=checkbox], .form-input input[type=radio] {width:auto;padding:0;margin:0 7px 7px 7px;}
	input[type=checkbox].form-input-first , input[type=checkbox].form-input-first {margin-left:0px;}
    .form-input input[type=checkbox]:first-child, .form-input input[type=radio]:first-child {margin-left:0;}
    .form-input .v-align-cb-radio input[type=checkbox], .form-input .v-align-cb-radio input[type=radio] {margin-left:0;}
    .form-double-input input {width: 121px;}
    .form-input textarea {width: 500px; padding: 8px 3px 8px 3px; color: #636363;}
    .form-input select {width: 332px;padding: 3px; color: #636363;}

    .form-field-message{margin-top: 3px; font-size: smaller;line-height:120%;} 
    .form-field-message span{display:block;min-height: 11px;padding-left: 15px;
                        background-repeat: no-repeat; background-position: left center;} 
    .form-field-message-error{color: #D8000C;
                              background-image: url('/Theme/Images/icons/uimessage/errortiny.png');}
    .form-field-message-info{color: #0066CC;
                             background-image: url('/Theme/Images/icons/uimessage/infotiny.png');}
    .form-field-message-warning{color: #9F6000;
                                background-image: url('/Theme/Images/icons/uimessage/warningtiny.png');}
    .form-field-message-success{color: #3F6D0D;
                                background-image: url('/Theme/Images/icons/uimessage/successtiny.png');}
    span.form-field-message-wait{color: #333333;min-height: 16px;padding-left: 20px;
                             background-image: url('/Theme/Images/icons/uimessage/waitsmall.gif');}
	
    .form-fields .form-2col {padding-bottom: 0px;}
	.form-2col .form-label {width: 50px;}
	.form-2col .form-rightcol .form-label {width: 100px;}
	.form-2col .form-input {margin-left: 120px; }
    .form-input input {width: 200px; padding: 4px;}   
	.form-input-long input {width: 300px;}      	
	.form-input-vlong input {width: 400px;}  
	.form-input-short input {width: 100px;}  
	.form-input-vshort input {width: 50px;}  
    .form-input select {width: 200px;}	
	.form-vertcb input[type=checkbox] {margin-left: 0px;}		
	
	.form-2col .form-leftcol {float: left; width: 47%;}
	.form-2col .form-rightcol {float: left; width: 47%;}
	.form-2col .form-field {margin: 10px 10px 10px 10px; padding-bottom: 0px;}		
				
	.form-ro-data {color: #F89134;}
		
	.searchcontrols{padding-top: 10px; border-top: 1px solid #F89134;}	
	.searchoptions{margin-right: 10px; margin-top: 10px;}	
	
	.button-bar {background: #F89134;padding: 5px 10px;}
	.button-bar-left {}
	.button-bar-right {}
	.button-bar input.submit {background: transparent;padding:3px 8px;border:1px solid #fff;color:#fff;}
	.button-bar input.submit:hover {background: #eee;color:#F89134;}
	.button-filter input.submit {background: transparent;padding:3px 8px;border:1px solid #fff;color:#fff; background: #F89134;}
	.toggle-filter {padding-bottom: 10px;}
	.pagersorter input.submit {background: transparent;padding:3px 8px;border:1px solid #fff;color:#fff; background: #F89134;}

.button {
	background: #F89134;
	padding:5px 11px;
	border:1px solid #919191;
	color:#fff !important;
	text-shadow: 1px 1px #000;
	margin: 10px 0 20px 50px;
	border-radius: 5px;
}

.button:hover {
	background-color: #F7A55D;
}

.form-input ul.tagit {
	margin-top:0px;
	margin-left: 0px;
	border: 1px solid #aaa;
	background-color: white;
	background-image: none;
	border-radius: 0px;
	width: 500px;
}




/* Basic table */
table.data {margin: 1em 0; border-collapse: collapse;border-spacing: 0;width: 100%;}
table.data th {background: #F89134;color: #FFFFFF;padding: 5px 7px;text-align: left;font-weight: normal;}
table.data th.subHead {background: #e7e6dd;color: #333333;}
table.data tbody {border-top: 1px solid #e7e6dd;}
table.data tr:nth-child(odd) {background: #efefef;}
table.data td {font-size: 90%;padding: 5px 7px;}

/* Basic list */
ul.basic {list-style: none;margin:0;padding:0;}
ul.basic li {border: 1px solid #e9e9e9; border-width: 0 0 1px; padding: 5px 0;
             /*background:#f6f6f6;*/margin:5px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
ul.basic li.highlight {background-color:#fce3fc;}
ul.basic .title {width: 60%;margin-right: 10px;margin-bottom:5px;font-weight:bold;}
ul.basic .subtitle {font-size:85%;font-weight:normal;}
ul.basic .status {width: 35%;text-align:right;margin-bottom:5px;margin-right:5px;font-style:italic}
ul.basic .description {width: 60%;color: #5c5c5c;}
ul.basic .descriptionsection {margin: 5px 0;}
ul.basic .attributes {width: 35%;text-align:right;font-size:85%;}
ul.basic .key {font-weight:bold;}
ul.basic .value {color: #733c73;}
ul.basic .overdue {font-weight:bold;color: #f33c3c;}
.overdue {font-weight:bold;color: #f33c3c;}
ul.basic .actions {margin-top:5px;/*border-top:1px solid #e0e0e0;*/padding-top:5px;text-align: right;}
ul.basic .actions .description{text-align: left;}


.csspopup {position: relative; margin-top: 5px; text-align: right;}
.csspopupinner {position: absolute; right: -140px; top: 14px; z-index: 10; width: 370px; min-height: 120px;
                text-align: left; padding: 10px; background: #f9fadd; display:none;
                border: 1px solid #cacd99; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.csspopup:hover .csspopupinner {display:block;}


/* Pager */
.pagersummary {display: block; margin: 10px 0;}
.pager {margin:8px 3px; padding:3px; }
.pager .disabled {
	border:1px solid #ddd;
	color:#999;
	margin-top:4px;
	padding:3px;
	text-align:center;
}
.pager .current {
	background-color:#F89134;
	border:1px solid #000;
	color:#fff;
	font-weight:bold;
	margin-top:4px;
	padding:3px 5px;
	text-align:center;
}
.pager span, .pager a { margin: 4px 3px; }
.pager a { border:1px solid #c0c0c0; padding:3px 5px; text-align:center; text-decoration:none; }

.sorter {display: block; margin: 7px 0;}

/* Progress bar */
.progressbarouter, .progressbarempty { height: 12px; border: 1px solid #999; margin: 0; width: 195px; }
.progressbarinner { height: 12px; background: #950A5B url(/theme/images/progress_bar.gif) repeat left top; }
.progressbarempty { border-color: #999; }
.progressbarempty .progressbarinner { background: #f0b0b0; }

/* Icon Links */
.ilink_icon, .ilink_filter
{padding-left: 20px; padding-bottom: 2px; margin-left: 6px; background:url(/themes/ftn/images/icons/linkicon.png) no-repeat left center;}

.ilink_filter {background-image: url(/themes/ftn/images/icons/filter.png); }


.container {
	border: 1px solid rgb(248, 145, 50);
	display:block;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	border-radius: 5px 5px 8px 8px;
	-webkit-box-shadow: 0px 5px 8px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 5px 8px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 5px 8px rgba(50, 50, 50, 0.4);
}

.line {
	margin: 20px 20px 10px 20px;
	height: 2px;
	background-color: orange;
	margin-bottom: 30px;
	background: rgb(255,147,15); 
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,147,15,1) 0%, rgba(255,241,224,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,147,15,1)), color-stop(100%,rgba(255,241,224,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,147,15,1) 0%,rgba(255,241,224,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,147,15,1) 0%,rgba(255,241,224,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,147,15,1) 0%,rgba(255,241,224,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,147,15,1) 0%,rgba(255,241,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff930f', endColorstr='#fff1e0',GradientType=1 );
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#orgpickerdetail {
	width: 1000px;
	padding-bottom: 2px;
	display:none;
	background: #FFF;
       
	border: 1px solid #F89134;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	border-radius: 5px 5px 8px 8px;
	-webkit-box-shadow: 0px 5px 8px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 5px 8px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 5px 8px rgba(50, 50, 50, 0.4);       
       
}

.selectedorglist {
    list-style-type:square;
    padding: 0px;
    margin-left:10px;
}

.selectedorglist li {
    padding: 0 0 5px 0;
	font-size:12px;
}

.speech_bubble {
	position: relative;
	margin-top: 5px;
	padding: 3px 10px 3px 10px;
	color: #333;
	background-color: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.3);
	box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.3);
}

.speech_bubble p {font-size:14px; line-height:16px;}

.speech_bubble:after {
	content:"";
	position:absolute;
	top: -30px;
	left: 50px;
	border:15px solid transparent;
	border-bottom-color:#eee;
    display:block; 
    width:0;
}

/*
public const int IMPORTSTATUS_NEW = 1;
public const int IMPORTSTATUS_SUCCESSFULLYIMPORTED = 2;
public const int IMPORTSTATUS_NOORG = 3;
public const int IMPORTSTATUS_FAILED = 4;
*/
.importresult {padding:10px !important;}
.importresult1 {background-color:none;}
.importresult2 {background-color:#E3FBD8;}
.importresult3 {background-color:#F2DC7C;}
.importresult4 {background-color:#F8B6A2;}


#footer {
text-align: left;
}