body  {
	background: #ffffff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#container {
	margin: 0 auto; 
	padding-bottom: 12px;
	text-align: left;
	overflow: hidden;
}

input[type=text] {
    border: 1px solid #aaaaaa;
}


.nav {
	color: #666666;
	padding-left: 10px;
}

.navitem {
	display: inline-block;
	margin-top: 5px;
	padding-left: 2px;
	padding-right: 7px;
	border-right: 2px solid #cfcfcf;
	font-size: 13px;

	cursor: pointer;
}

.navitem:last-child {
	border-right: none;
}

.navitem a {
	text-decoration: none;
	color: #666666;
}

/* Start Header */
/* customize header with background image: 960px x 80px */
header {
	margin: 0 auto;
	padding: 0; 
	height: 80px; /* adjust header hight to backgroud image height */
	background: #fff;
	background-image: url(../images/headerv3.gif);
	background-repeat: no-repeat;
	background-position: center;
	border-bottom: 2px #999 solid; 
	text-align: left;
}

header h1 {
	float: left; 
	margin: 0; 
	padding: 20px 20px 0px 30px; 
	text-align:left;
	color: #fff;
	font: normal 2em/1.1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 } 
 
 header p {
	 float: right;
	 padding-right: 40px; /* left padding is set by h1 */
	 color: #fff;
	 margin-top: 22px;
	font: normal .9em/1.3em "Lucida Sans Unicode", "Lucida Grande", sans-serif;	 
 }



/* HEADER MENU = HEADER MENU = HEADER MENU */

#headerMenu  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 40px 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	/* width: auto; */
	text-align: right;
	/*background-attachment: fixed;*/
}

#headerMenu ul {
	margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	list-style-type: none;
}

#headerMenu li {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
}

#headerMenu a:link, #headerMenu a:visited {
	color: #FFF;
	text-decoration: none;
}

#headerMenu a:hover { 
	color: #999;
	text-decoration: none;
}

#utility {
	clear:both;
	margin: 0;
	padding: 6px 0;
	width: 100%;
	font-size: 11px;
	background-color: #fff;
}

#breadcrumbs {
	float:left;
	margin: 0 auto;
	padding: 0px 40px;
	color: #666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	text-align:left;
}

.breadcrumb a {
	color: #666;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #333; /* #E41 */
}

/* Optional utility menu */
nav#utilityLinks {
	float:right;
	margin-right: 30px;
	padding: 0;
} 

nav#utilityLinks li {
	display: inline;
	border-right: 1px solid #000;
	padding: 0 10px;
}

nav#utilityLinks li:last-child {
	border-right:none;
}

nav#utilityLinks li a {
	/* font-size: 1.8em; */
	color: #666;
	text-decoration: none;
}

nav#utilityLinks li a:hover {
	color: #333; /* #E41 */
}
/* Optional utility menu */




/* =======  PANEL modified 12.24.12 ========== */

.panel {
	clear:both;
	-webkit-background-clip: padding-box;
	background: transparent;
	background: #FFF ; /* url(images/bk-whiteBlueGrid-100x.png)  -- bk-whiteBlueGrid-100x.png bk-white-blueGrid.jpg */
	border-top: 1px solid #626366;
	border-bottom: 2px solid #999; /* #626366 */
	padding: 0px; 
	text-align: left; 
}

.panelHeader {
	height: 24px;
	margin: 0;
	padding: 3px 20px 0px 5px;
	/* background-image:url(../images/headerBk-30.png);
	background-repeat: repeat-x; */
	background: #444444;
	background: -moz-linear-gradient(top, #444444 0%, #111111 50%, #000000 51%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(50%,#111111), color-stop(51%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* W3C */
}

.panelName {
	float: left;
	width: 45%;  /* since this element is floated, a width must be given */
	margin: 0;
	padding: 0;  
	text-align: left;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color:#FFF;
}

.editButton {
	margin-left: 10px;
	color: #fff;
}

.panelControls {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	text-align: right;
	color:#FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
}

#gridControls {
    cursor: pointer;
}

/* alt hack for curved borders in IE; apply as class to div item */
.curved {	
	-moz-border-radius: 5px;
 	-webkit-border-radius:5 px;
	border-radius:5 px;
	-webkit-background-clip: padding-box;
	/*behavior:url(border-radius.htc);*/
} 

/* MODULE AREA = MODULE AREA = MODULE AREA = MODULE AREA  */

	
.mod, .doc {
	clear:both;
	position: absolute;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #222222;
	text-align: left;
}

.module {
	background: rgb(12,12,12);
	float: left;
	margin: 0 .8em .8em 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ffffff; /* #C3C3C2 */
	background: transparent;
	background-color: rgba(40,112,187,.5);
	padding: 5px 5px;
	width: 94px;
	height: 30px;
	overflow-y: hidden;
}

.modName {
	color: #000;
	text-align:left;
	white-space:pre-line;
	width: 80%;
	white-space: pre-wrap;
	text-wrap:normal;
	word-wrap: break-word;
}


.modHeader, #capHeader {
	height: 24px;
	margin: 0;
	padding: 3px 20px 0px 5px;
}


#modName, #capName {
	float: left;
	width: 45%;  /* since this element is floated, a width must be given */
	margin: 0;
	padding: 3px 0px 0px 0px;  
	/*text-align: center;*/
	vertical-align: middle;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #fff;
}


#modControls, #capControls {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	text-align: right;
	color:#FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
    float:right;
} 

.modToolbar {
	background-color: #e6e6e6; /* #c0bebe */
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	margin: 0px;
	padding: 2px 14px 2px 14px; 
	text-align: left;
	height: 30px;
}

.captureboxBG {
	background-color: #ffffff;
	border: 1px solid #999999;
}

#toolsLeft {
	float: left;
	width: 60%;  /* since this element is floated, a width must be given */
	margin: 0;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	/*vertical-align: center;*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color:#000;
}

#toolsRight {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	text-align: right;
	/* vertical-align: center; */
	color:#000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
}


/* CANVAS - SAND BOX - CANVAS - SAND BOX - CANVAS - SAND BOX */


#canvas {
	margin: 0px;
	/*padding: 6px 14px 6px 14px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*behavior:url(border-radius.htc); */
	border: 2px solid  #72c3f6; /* #c0bebe */
	/* border-top: 3px solid #626366;  #626366 #e5e5e 
	border-right: 3px solid #cfcdcd;*/
	background: transparent;
	background-color:#FFF;
	text-align: left;
	color:#000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	overflow: auto;
	height: 360px;
	/*height: 100%;*/
    position: relative; /* needed for absolute positioning to work on contained elements */
}



/* FILES DROP BOX - FILES DROP BOX - FILES DROP BOX */


#files {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*behavior:url(border-radius.htc); */
	border: 1px solid #626366; 
	background-color: #fff; 
	margin: 0px 30px 15px 30px;
	padding: 0px 0px 4px 0px;
}

#fileHeader {
	margin: 0px ;
	padding: 0px 14px 2px 8px; 
	height: 30px;
	background: #444444;
	background: -moz-linear-gradient(top, #444444 0%, #111111 50%, #000000 51%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(50%,#111111), color-stop(51%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* W3C */
}
	

#fileControls {
	/* background-image: url(images/whitearrowmd.png); 
	background-repeat: no-repeat;
	background-position: 0.3em 0.800em;*/
	float: left;
	width: 50%;  /* since this element is floated, a width must be given */
	margin: 0;
	padding: 4px 0px 0px 0px;  
	text-align: left;
	/*vertical-align: center;*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color:#FFF;
}

#fileSearch {
	margin: 0;
	padding: 3px 14px 2px 0px;  
	text-align: right;
	/*vertical-align: center;*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
	/*color:#000;*/
    color:#FFF;
}

#dropBox {
margin: 0 auto 4px auto;
padding: 0px 0px 0px 0px;
width: auto;
text-align: center;
border: 0px solid #06c;
background-color: #fff; /* #fff */
/*position: relative;*/
/* background: transparent;
background: #FFF url(images/bk-whiteBlueGrid-100x.png); */
}

#leftCol, #leftMid, #rightMid, #rightCol {
 margin: 0px 1px 0px 0px;
 /* padding: 2px 4px 2px 10px; */
 padding: 0px;
 border: 0px solid #666;
 overflow: hidden;
 height: auto;
 text-align:left;
/* background-color: #FFF; 
background: transparent;
background: #FFF url(images/bk-whiteBlueGrid-100x.png);*/
}

#leftCol { 
 width: 24%;
 float: left;
 /* background-color: rgba(14,124,193,.6); */
}

#leftMid { 
 width: 24%;
 float: left;
}

#rightMid { 
 width: 24%;
 float: left;
}

#rightCol { 
 width: 24%;
 float: left;
}

.clear { float: left; width: 0px;  }

.fileListHdr {
padding: 4px 4px 2px 10px;
background-color: #06c;
height: 18px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 10px;
color:#FFF;
}


.fileList ul { 
	display: block;
	list-style-type: none;
	margin: 0px; 
	padding: 4px 10px 4px 10px;
	color:#000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	background-color:#FFF;
}	

.fileList  li {
	border-top: 1px dotted #666; /* #C3C3C2 */
	background: transparent;
	/* background-color: #f1f1f1; */
	margin: 0px;
	padding: 2px 0px 2px 0px;
	text-align: left;
    cursor: default;
	/* width: auto;  */
}

.filedlarrow {
    display:block;
    width:16px;
    height:16px;
    background-image:url(../images/dlarrow-8.gif);
    background-repeat:no-repeat;
    background-position:center;
}

/* FOOTER = FOOTER = FOOTER = FOOTER  */

footer {
	margin: 0px auto;
	padding: 0px;
	background-color:transparent;
	width: 960px;
	text-align: center;
	clear:both;
}


footer p {
	margin: 0; 
	padding: 12px 30px; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #000;
}

/* MISCELLANEOUS CLASSES FOR REUSE */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.noBorderBottom {   /* apply to last item to remove border property */
	border-bottom: 0px;
}

.modName {
    float:left;
    cursor: pointer;
}

.rowName {
    cursor: pointer;
}

.rowAddModule {
    cursor: pointer;
}

.rowAddReference {
    cursor: pointer;
}

.rowDeleteRow {
    cursor: pointer;
}

.filesOpenClose {
    cursor: pointer;
}

.filesShowFiles {
    cursor: pointer;
}

.showPermissions {
    cursor: pointer;
}

.filesShowUpload {
    cursor: pointer;
}

.filesDeleteSelected {
    cursor: pointer;
}

.fileSpinnerImage {
    background-image: url(../images/spinner16x16.gif);
}

.makeGrid {
    cursor: pointer;
}

.linkedGrid {
    float:right;
    background-image: url(../images/bttn-mod-grid-empty_12x12.png);
    width: 12px;
    height: 12px;
    margin-left: 6px;
    cursor: pointer;
}

.linkedGridLinked {    
    background-image: url(../images/bttn-mod-grid-up_12x12.png);
    width: 12px;
    height: 12px;
    margin-left: 6px;
    cursor: pointer;
}

.deleteModule {
    cursor: pointer;
}

.editButton {
    cursor: pointer;
    font-weight: normal;
    color: #fff;
}

.editButton:hover {
    color: #83d0f8;
}
.nameEditSave {
    cursor: pointer;
}

.nameEditCancel {
    cursor: pointer;
}

.textBoxMake {
    cursor: pointer;
}

.imgBoxMake {
    cursor: pointer;
    font-weight: bold;
}

.modHideToolbar {
    cursor: pointer;
}

.modMaximize {
    cursor: pointer;
    background-image: url(../images/bttn_max_screen-gray.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.canvasSave {
    cursor: pointer;
}

.canvasDeleteSelected {
    cursor: pointer;
}

.sketchTool {
    cursor: pointer;
}

.websiteTool {
    cursor: pointer;
}

.toolSelected {
   font-weight: bold;
}

.permissionsCol {
 margin: 0px 2px 0px 0px;
 padding: 2px 4px 2px 10px;
 border: 0px solid #666;
 overflow: auto;
 height: 100px;
 text-align:left;
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 10px;
color:#000;
background-color: #FFF; 

 width: 23%;
 float: left;
}

/* consider making a separate css file for canvas elements */

.cbox {
    position: absolute;
    border: 1px solid #aaaaaa;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #ffffff;
    overflow: hidden; 
    cursor: default;
}

.cimage {
    position: absolute;
    border: 1px solid #aaaaaa;
}

.cvideo {
    position: absolute;
    border: 1px solid #aaaaaa;
}

.noselect {
    -moz-user-select: none;
    -khtml-user-select: none;
}

.cboxSelected {
   border: 1px solid #ffa844;
}

.fileSelected  {
   background-color: #FFD09B !important;
}

.ctext {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
    overflow: hidden;
    margin: 0px;
    margin-left: -1px;
    border: none;
    width: 100%;
    height: 100%;
}

/* node view */
#lightboxFade {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.7);
}

#nodeViewWrapper {
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:800px;
    height:600px;
    border: 1px solid rgb(237, 237, 237);
    -moz-border-radius:5px;
    background-color:#ffffff;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

#nodeViewWrapper .nodeViewClose {
    cursor: pointer;
}

/*#gridNodeButton {
    padding: 2px 5px 0px 0px;
}

#gridNodeButton a {
    cursor: pointer;
    color: #aaaaaa;
    
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
    font-weight: bold;
}

#gridNodeButton a:hover {
    color: #ffffff;
}*/

.nodeviewButton {
    cursor: pointer;
}

/* ******* PHOTOFILTERS ******** */


.photoFilters {
	float:left;
}

select {
	background: #a2c5e8;
	color: #34332d;
	font-size: 11px;
	height: 22px;
	margin: 5px 5px 0 0px;
	width: 150px;
	-webkit-background-clip: padding-box;
	border: 1px solid #3c401f;
}

.submit {
	margin: 5px 5px 0 0;
	background: #e6e6e6;
    border: 1px solid #3c401f;
    -webkit-background-clip: padding-box;
    border-radius: 5px;
    width: 60px;
	font-size: 11px;
    color: #000; 
    height: 22px;
    -webkit-box-shadow: inset 0 0 3px white;
}
 
.submit:hover {
	background: #4084c8;
    cursor: pointer;
}

/* *******  thumbs ******** */

.thumb {
	display:inline-block;
	vertical-align:top;
	margin: 0 16px 16px 0;
	border: 4px #FFF solid;
	padding:0;
	width: 100px;
	height: 100px;
	background-color: #f2f2f2;
}

.selected {
	border: 2px #39F solid;
}

.thumbImg {
	margin: 0 0 6px 0;
	height: 100px;
	width: 100px;
}

.thumbName {
	text-align:center;
	font-size: 10px;
	line-height: 11px;
	padding:0;
	margin:0;
}

.selectedModule {
	/*background-color: rgba(40,112,187,.5);*/
    background-color: rgba(187,112,40,.5) !important;
}

.addTab {
	float:left;
	margin-left: 15px;
	padding: 4px 5px 0px 3px;
}

.addTab:hover {
	background: #a2c5e8;
	cursor: pointer;
}

.pointer {
	cursor: pointer;
}

/* MODAL BOX LOGIN */

.modalDialog {
	position: fixed;
	font: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:18px;
	color: #8b8a8a;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog h2 {
	font-size: 18px;
	padding: 6px 0px;
	border-bottom: thin #CCC solid;
	width: 80%;
}

.modalDialog p {
	font-size: 14px;
	padding: 6px 0px 12px 0px;
}

.forgot a {
	font-size: 12px;
	color: #39F;
	text-decoration:none;
}


.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 10px 20px 10px 20px;
	border-radius: 6px;
	background: #fff;
	/* background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);*/
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	top: 12px;
	right: 12px;
	text-align: center;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	border: #FFF inset 4px;
}

.close:hover { /* background: #00d9ff; */ background-color: rgba(40,112,187,1); }

fieldset {
	border:none;
}

form.signin .textbox label {
	display:block;
	padding-bottom:8px;
}

form.signin .textbox span {
	display:block;
}

form.signin p, form.signin span {
	color:#999;
	font-size:11px;
	line-height:18px;
}

form.signin .textbox input {
	background:#fff;
	/* background-color: rgba(40,112,187,.5);*/
	border:1px solid #999;
	color:#000;
    border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding: 6px ;
	width:200px;
}


form.signin input:-moz-placeholder { color:#8b8a8a; }
form.signin input::-webkit-input-placeholder { color:#8b8a8a; }

.grayout {
	color: #818181;
	cursor: default !important;
}

.portalbar {
	background-image: url(../images/bk-whiteBlueGrid-100x.png);
	padding: 6px 10px;
}

.portalbar-controls {
	float:left;
	font-size: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.portalbar-button {
	float:left;
	width: 40px;
	margin: 6px 3px;
	padding: 8px 0px;
	text-align:center;
	background-color: #F9974E; /* #A9AEBA E09544*/
	cursor: default;
	border: thin groove #74767F;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.portalbar-button-selected {
	background-color: #D16B18; /* #787B84 */
}

.portalbar-row {
	float:left;
	font-size: 10px;
	margin-left: 10px;
}

.bucketTextEdit textarea {
	resize: none;
	font-size: 13px;
	border: 1px solid #999999;
}

.textEditorTools {
	float: left;
	margin: 5px 0px 5px 0px;
}

.sessTools {
	float: left;
	margin: 5px 0px 5px 0px;
}

.listAddItem {
	float: left;
	margin: 5px 0px 5px 0px;
}

.listItemAlternate {
	background-color: #e8e8e8;
}

.listItemTextfield {
	padding: 1px;
	border: 1px solid #999999;
	width: 100%;
}

.textEditorSave {
	cursor: default;
	font-size: 13px;
	padding: 2px 4px 2px 4px;
	background-color: #EEEEEE;
	border: 1px solid #74767F;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.textEditorSave:hover {
	background-color: #FABC8E;
}

.bucketFilename {
	cursor: default;
	font-size: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.thumbArea {
	height: 100px;
}

.draggablecorner {
	cursor: se-resize;
	/*background-color: #EFCD8F;*/
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
}

.taskitem {
	margin: 5px 5px 0px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999999;
	background: transparent;
	background-color: #fafafa;
	padding: 5px 5px;
	height: 30px;
	overflow-y: hidden;
}

.taskitemComplete {
	background-color: #eafaea !important;
}

.tasktitle {
	font-size: 15px;
	margin-top: 5px;
}

.tasktool {
	cursor: pointer;
}

.fileitem {
	height: 20px;
	font-size: 13px;
	border-bottom: 1px solid #dfdfdf;
}

.fileitemThumb {
	float: left;
	width: 16px;
	height: 16px;
	padding: 2px 0px 0px 3px;
}

.fileitemTitle {
	float: left;
	padding: 2px 0px 0px 5px;
}

.fileitemDate {
	float: right;
	padding: 2px 10px 0px 0px;
}

.fileitemSize {
	float: right;
	width: 120px;
	text-align: right;
	padding: 2px 10px 0px 0px;
}

.fileitemSelected {
	background-color: #DAE8F6;
}

/* folder view */

.folderview {
	/*position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;*/
	/*height: 2000px;*/
	background-color: #ffffff;
	border-top: 2px solid #cfcfcf;
}

.folderitem {
	clear: both;
	height: 20px;
	font-size: 13px;
	border-bottom: 1px solid #dfdfdf;
}

.folderitemThumb {
	float: left;
	width: 16px;
	height: 16px;
	padding: 2px 0px 0px 3px;
}

.folderitemTitle {
	float: left;
	padding: 2px 0px 0px 5px;
}

.folderitemDate {
	float: right;
	padding: 2px 10px 0px 0px;
}

.folderitemSize {
	float: right;
	width: 120px;
	text-align: right;
	padding: 2px 10px 0px 0px;
}

.folderitemSelected {
	background-color: #DAE8F6;
}

.nodeview {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}