/* All pages load this style sheet and an additional one with the same base name as the php file */


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(opensans300.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(opensans400.ttf) format('truetype');
}


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: local('Open Sans'), local('OpenSans'), url(opensans600.ttf) format('truetype');
}


.tx_nosel, .noselect {
	select : none;
	-webkit-user-select : none;
	user-select : none;
	-moz-user-select : none;
	-ms-user-select : none;
}

div.DOMadditions{
	z-index: 999999999;
    position: relative;
}


/* ensure sensible defaults */
/* note vertical-align bottom for images: with the html5 box model, they line up with the text 
baseline so the descenders add space to the box and give a margin under the image unless 
explicitly avoided */
img {
	border : 0px;
	font-size : 2pt;
	vertical-align : bottom;
}

div, span, a, img {
    min-width : 0px;
}

p {
    margin-top : 0px;	
}

a{
	text-decoration: none;
	color: #00bfff;
}
a:hover, a:visited{
    color: #277adc;
}

.floatright {
	float : right;	
}

.floatleft {
	float : left;
}


html, body {
	padding : 0px;
	margin : 0px;
	background-color : #ffffff;
	font-family:  'Open Sans', sans-serif;
	margin : 0px;
	font-size : 9pt;
	background: #f0f0f0;
	height: 100%;
}

div, p, td, span, input, textarea {
	font-family:  'Open Sans', sans-serif; 
}

input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	border: none;
	width: 14px;
	height: 14px;
	outline:none;
	border: 1px solid rgba(49, 49, 49, 0.39);
	border-radius: 2px;
	overflow: hidden;
	cursor: pointer;
}
input[type="checkbox"]:checked:before{
	content: "\f00c";
}

input[type="checkbox"]:checked{
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 12px;
	color: #8e8e8e;
	border: 1px solid #a8a0a0;
	padding: 0px;
}

div.modalglass {
	background-color : #e0e0e0;
	opacity : 0.6;
	position : fixed;
	height : 100%;
	width : 100%;
	zIndex : 100;
	transition : opacity 0.5s linear;
}

.headerelt {
  display: inline-block;
}

.upgradelink {
  margin-right: 20px;
  float: left;
  color: #303133;
  display: block;
  text-decoration: none;
}

.headerbtn {
  float: right;
  outline: none;
  background: none;
  border: none;
  margin: 20px 15px 0px 0px;
  cursor: pointer;
  color: #303133;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.headerbtn tbody tr:last-child td{
  padding-top: 8px;
	border-top: 1px solid #e0e0e0;
}

.headerbtn td{padding: 1px 0px 10px 6px;}

.headerbtn td:hover{
	color: deepskyblue;
}

.headerbtn .rowelement {
}
.headerbtnmenu {
  position: absolute;
  top: 100%;
  right: 0 !important;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 130px;
  margin: 10px 0px 0px 0px;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  text-transform: capitalize;
  left: inherit !important;
  font-weight: 400;
  padding: 14px 10px 6px 10px;
}

.btn {
  display: inline-block;
  outline: none;
  background: none;
  border: none;
  color: #00bfff;
  font-weight: 600;
  font-size: 14px;
  margin: 2px 15px 0px 0px;
  cursor: pointer;
}

.findctr {
  float: right;
}

.trashctr {
  float: right;
  margin-top: 2px;
}
  
div.uname, div.signout {
	float : right;
	margin : 6px 12px 2px 12px;
}

div.uname a, div.signout a {
	color : #ffffff;
	text-decoration : none;
}

div.pgwstitle {
	float : left;
	color : #ffffff;
	font-weight : bold;
	margin : 6px 0px 0px 12px;
}

div.pgwstitle a.wslink {
	color : #ffffff;
	text-decoration : none;
}

div.pgwstitle a.wslink:hover {
	text-decoration : underline;
}
 
td.dialoghead {
	margin-bottom : 6px;
	border-bottom : 1px solid #c0c0c0;	
}


div.dialogtitle {
	font-weight : bold;
	font-size : 10pt;
	padding : 2px 0px 4px 10px;		
	color : #505050;
}
 
  
a.wslink:hover {
	text-decoration : underline;
}
 
 
 
div.cloudDialogRows {
	padding : 0px 0px 4px 20px;
	border-bottom : 1px solid #e0e0e0;
	clear:both;
}

div.cloudDialog div.expandCollapseHeading div {
	margin: 0px;
}

div.cloudDialog div.expandCollapseHeading {
	padding : 0px 0px 4px 0px;
	border-top-width: 0px;
}

div.expandCollapseHeading {
    padding : 0px 0px 4px 0px; 
/*   border-bottom : 1px solid #e0e0e0; */
}

div.cloudDialog div.expandCollapseBody {
	border-bottom-width : 0px;	 
	padding-bottom : 0px;
}

div.cloudDialog div.expandCollapseBody td {
	padding : 0px;
}

div.cloudDialog div.loadingmessage {
	font-style:italic;
	color: #505050;
}

div.fixedDialog {
	min-width : 180px;
	border-radius : 3px;
	-moz-border-radius : 3px;	
	border : 1px solid #a0a0a0;
 background-color : #f0f0f0;
}


div.fixedDialog h2 {
	background-color : #a0a0a0; 
	font-size : 10pt;
	color : #ffffff;
	padding  : 4px;
	margin : 0px;
	 
}


div.ilb, div.inlineblock {
	display : inline-block;
}
 
div.midalign {
	vertical-align : middle;
}
 
div.tar {
	text-align : right;
} 
 
 
div.fixedDialog div.fixedBody {
	 padding : 6px 0px;
} 
 
 
div.expandCollapseHeading {
	font-size : 12px;
	color : #404040;
	clear : both;
}

div.expandCollapseHeading div {
	margin : 4px;	
}

img.expandCollapseImage {
	float : right;
}

div.expandCollapseBody {
	padding-top : 0px;
	margin-left : 20px;
}


div#main {
  margin: 110px auto 30px auto;
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  clear: both;
  max-width: 700px;
  padding: 20px 25px;
  font-size: 13px;
} 







/* fwh: on windows the default for these seems bigger */
table, td { 
  font-family:  Open Sans, sans-serif;
}

/* the top menu bars
   wsrow is at the very top, independent of what wokspace you are in
   navrow is for workspace selection and the different tabs in a workspace
 */

div#wsrow {
  font-family:  Open Sans, sans-serif;
	margin : 0px;
	padding : 0px;
	background-image : url(wsbg6.png);
	background-repeat : repeat-x;
}

div#navrow {
	font-family:  Open Sans, sans-serif;
	margin : 0px;
	padding: 0px;
}
 

div#navrow {
	 height: 100%;
	 width: 100%;
}
div#navrow .floatleft {
	height: 100%;
}
div#navrow .search {
	padding-top: 13px;
	box-sizing: border-box;
	margin-left: 10px;
}


div#settingsmain {
    padding-top: 60px;
    height: 100%;
    top: 0;
}

td.navrow {
	 
	 height : 28px;
/*	 overflow : hidden; */
}

div#logo {
 	overflow : hidden;
 	float : left;
 	margin-left: 49px;
 	margin-right: 35px;
 	padding: 13px 0px 4px 2px;
 	width: 150px;
}

img#logo {
	padding : 0px;
	margin : 0px;
	width: 100%;
}

td.wsrow {
  padding : 0px 8px 0px 8px;	
  margin : 0px;
  color : #ffffff;
  font-size : 8pt;
  overflow : hidden; 
}

a.wsrow {
	color : #ffffff;	
	text-decoration : none;
	font-size : 8pt;
 
}

a.wsrow:hover {
	text-decoration : underline;	
}

table#wstable {
	padding : 0px;
	margin : 0px;
	border-collapse : collapse;
	
}

table#navrowtable {
	height: 100%;
}

table#navrowtable tr td:nth-child(1){
}

table#navrowtable tr td:nth-child(1) a {
}

div.mmtab {
  background-color : #ffffff;
  width : 12px;
  height : 28px;
  overflow : hidden;
}
 
table#mainmenutable {

}

td.navrowtab {
	background-repeat : repeat-x;
	/* padding : 0px 0px 5px 0px; */
	overflow : hidden;
	cursor : pointer;
	/* text-transform: uppercase; */
	vertical-align: middle;
	font-family: "Lato", sans-serif;
	box-sizing: border-box;
	transition: all .5s;
}

td.navrowtab:hover{
	background-color:#f0f0f0;
}

td.navrowtab i,td.navrowtabon i{
	display:none;
}



td.navrowtabon {
	background-color: #f0f0f0;
	background-repeat : repeat-x;
	color: #00ace6;
	overflow : hidden;
	/* text-transform: uppercase; */
	vertical-align: middle;
	font-family: "Lato", sans-serif;
}

td.navrowtabon,td.navrowtab {padding: 0;text-transform: uppercase;/* font-weight: bold; */}

td.navrowtabon a,td.navrowtab a{
	padding: 20px;
}

td.navrowtab a {
	color: dimgrey;
	margin : 0px;
	text-decoration : none;
}

 

select.wsrow {
	font-size : 8pt;
	border : 1px solid #c0c0c0;
	background-color : #808080;
	color : #ffffff;	
	padding : 2px; 
} 

select.wsrow option {
	margin : 2px 8px 2px 2px;	
	background-color : #404040;
}  

option.meta {
	font-style : italic;	
	margin : 20px;
}

.metainfo {
	font-style : italic;
	color : #606060;
	font-size : 8pt;
}


ul.checkboxList {
	list-style : none;
	padding : 2px 0px 2px 16px;	
	margin : 0px; 
}






/* the document preview element */

td#previewtd {
    padding: 13px 10px 10px 0px;
} 

div#echodiv, div#leftechodiv {
	position : absolute;
	height : 100%;
	top : 0px;
	left : -9px;
	width : 18px;
	cursor : col-resize;	
}

div#echodiv:hover, div#leftechodiv:hover {
	background-image : url(vdivider18.png);
	background-repeat : repeat-y;
}


div#bottomechodiv {
	position : absolute;
	width : 100%;
	left : 0px;
	bottom : -9px;
	height : 18px;
	cursor : row-resize;	
}

div#bottomechodiv:hover {
	background-image : url(hdivider18.png);
	background-repeat : repeat-x;
}





div.previewhead {
	/* background-color : #d0d0d0; */
	/* border : 1px solid #d0d0d0; */
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	margin-bottom: 8px;
}

div.previewMessage  {
	text-align : center;
	color : #a0a0a0;
	padding : 40px 10px 120px 10px;
}

div.previewImage {
/*	border : 1px solid #b0b0b0; */
}

div.previewDrag {
	border : 2px dotted #a08000;
}


div.docpreview {
}   
   
div.previewcontainer {
	background: white;
	box-shadow: 0px 2px 6px 3px #d0d0d0;
}
   



/* fixed box note display as on the notes pages */


div.note {
 
}
  

div.notebuttons {
	float : right;	
}

/* when the note is in a curved box, move any buttons up into the curved part */
div.boxbody div.notebuttons {
	position: absolute;
    right: 0px;	
}

/* when on the doc page, don't need subjects in notes */
div#doc div.subject {
	display : none;	
}

div.boxbody div.subject {
	display : none;	
}


div.resolved {
	float : right;
	font-weight : bold;
	border-radius : 2px;
	background-color : #404040;
	color : #ffffff;
	padding : 0px 4px;
	margin : 0px 4px;
}

div.tags {
	float: right;
    font-weight: bold;
    width: 90%;
    padding: 0px 10px;
    text-align: right;
}

#notesouter div.tags { width: 50%; }

div.oldtags {
	float : right;
	font-size : 7pt;
}

div.tagfiltertitle {
	float : left;
	color : #808080;
	font-size : 10pt;
}


div.notemain { 
  padding : 18px 5px 1px 5px;	
}

div.notemain img { 
  max-width: 500px; 
}

/* fwh: prevent large tables + imgs breaking notes index */
div.notecontainer {  
  max-width: 600px;
}

div.contextroot {
	position : relative;	
}

div.privacy {
	float : left;
	position : relative;	
	top : -5px;
}

.notetext {
	padding : 2px 4px 2px 6px;
	font-size : 8pt;
	word-wrap : break-word;
	clear : both;
}

.breakword {
	word-wrap : break-word;
}	

.nowrap {
	white-space : nowrap;
}

.inverted, .notinverted .inverted {
	color : #ffffff;
}

.notinverted, .inverted .notinverted {
	color : #000000;
}
 

.black {
    color : #000000;
}

.replytext {
	padding : 4px 12px 2px 20px;
	font-size : 8pt;
	border-top : 1px solid #c0c0c0;
}

div.nreplies {
	cursor : pointer;
}

span.nreplies {
	color : #606060;
	font-size : 7pt;
	font-style : italic;	
}


 
/* ud subject is for user defined - other subject divs get hidden when on the text since they just repeat what is in the text */
span.subject, span.udsubject {
	font-size : 9pt;
	cursor : pointer;
}

div.subject {
	padding-left : 6px;
}



span.subject:hover, span.udsubject:hover {
	text-decoration : underline;
}

div.udsubject {
	padding : 0px 6px;
	display: none;
}



/* colors from palette */
.notecol0 { background-color: rgb(255,255,204);}
.notecol1 { background-color: rgb(204,255,204);}
.notecol2 { background-color: rgb(204,255,255);}
.notecol3 { background-color: rgb(204,204,255);}
.notecol4 { background-color: rgb(255,204,255);}
.notecol5 { background-color: rgb(255,204,204);}
.notecol6 { background-color: rgb(255,255,255);}
.notecol7 { background-color: rgb(255,255,153);}
.notecol8 { background-color: rgb(153,255,153);}
.notecol9 { background-color: rgb(153,255,255);}
.notecol10 { background-color: rgb(153,153,255);}
.notecol11 { background-color: rgb(255,153,255);}
.notecol12 { background-color: rgb(255,153,153);}
.notecol13 { background-color: rgb(239,239,239);}
.notecol14 { background-color: rgb(255,255,101);}
.notecol15 { background-color: rgb(101,255,101);}
.notecol16 { background-color: rgb(101,255,255);}
.notecol17 { background-color: rgb(101,101,255);}
.notecol18 { background-color: rgb(255,101,255);}
.notecol19 { background-color: rgb(255,101,101);}
.notecol20 { background-color: rgb(224,224,224);}
 
 

span.doctitle {
	font-size : 9pt;
	cursor : pointer;
}
 
div.inverted span.docname {
	color : #e0e0e0;
}

span.docname, div.notinverted span.docname {
	color : #303030;
	font-size : 8pt;
	cursor : pointer;
	margin-right : 6px;
}


span.docname:hover {
	text-decoration : underline;
}

.txinputRqAnn {
	border : 1px solid #c0c0c0;
	font-size : 9pt;
	display: block;
	margin: 0px auto 15px auto;
	padding : 4px;
	width: calc(100% - 10px);
	height: 60px;
}


.titleInput {
	width : 95%;
	outline : none;
	border-radius : 4px;
	
}

.titleInput:focus {
	box-shadow: 0px 0px 4px #8080ff;
}

div.author {
	text-align : right;	
}
 
 
div.inverted span.author {
	color : #f0f0f0;
}
 
div.inverted a {
	color : #ffffff;
	font-weight : bold;
} 
 
 
span.author, div.notinverted span.author {
	font-size : 7pt;
	color : #404040;
}
 
div.docname {
    text-align: right;
/*	float : right;	*/
/*    padding-left: 2px; */
} 
 
  

div.xbutton {
	color : #a0a0a0;
	cursor : pointer;
}

div.xbutton:hover {
	background-color : #f0f0f0;
	color : #000000;
	cursor : pointer;
}
 
 
/* the controls that appear on the selected note */
div.ncroot { 
	float : left;
	margin-right : 4px;
	position : relative;
	 
	height : 0px;
	clear : left;
}
  
div.ncbox {
  position : absolute;
  left : 20px;
  bottom: 0px;
  width : auto;
  margin : 0px 10px;
  border-radius: 4px 4px 0px 0px;
  box-shadow: -1px -1px 9px -2px rgba(136, 136, 136, 0.57);
  background: #f6f6f6;
  color: black;
}
 
div.section div.ncbox, div.replies div.ncbox, div.pagemargin div.ncbox {
	bottom : 0px;
}  
 
div.ncinner {
  width : auto;
  min-width : 26px;
  font-weight: 600;
  height: 100%;
}
div.ncinner div{
  color: grey;
}
.additionalNoteOpt .erdrbutton{
	padding: 8px 10px 8px 10px !important
}


/* context popup on a note */
 

div.contextpopup {
	position : absolute;
	border : 1px solid #c0c0c0;
	padding : 8px;
	background-color : #fafafa;
	bottom : 4px;
	left : -8px;
	max-width : 280px;
	min-width : 160px;
	font-size : 9pt;
	font-style : normal;
	color : #404040;
}






 
span.help {
	cursor : pointer;	
}

 
.action {
	text-decoration : none;
	color : #000000;
	cursor : pointer;
}

.action:hover {
	text-decoration : underline;
}


.goaction {
	text-decoration : none;
	color : #0000b0;
	cursor : pointer;
}

.goaction:hover {
	text-decoration : underline;
}





tr.hide, tr.hide td {
	display : none;	
}

/*
td, p, a, div {
	font-size : 9pt;
}
*/

.tx_std, .tx_std div, .tx_std td, .tx_std span, .tx_std p {
  border: none;
  padding: 0px;
  margin: 0px;
  font-size : 8pt;
  color:black;
}
 

.tx_input, .txinput {
	font-size: 13px;
	border: 1px solid #e0e0e0;
	padding: 6px;
	vertical-align: middle;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 1px;
	box-sizing: border-box;
}

input.wide{
	width: 100%;
}

input.tx_input:focus, input.txinput:focus {
	box-shadow: 0 0 4px #8080ff;
    -webkit-box-shadow: 0 0 4px #8080ff;
   -moz-box-shadow: 0 0 4px #8080ff;
} 
  
td.fixeddialog {
	background-color : #f4f4f4;
	border-bottom : 1px solid #e0e0e0;	
}  
  
  

div#loginstate {
	background-color : #f0f0f0;
	border-top : 2px solid #a0a0a0;
	border-bottom : 2px solid #a0a0a0;
	padding : 12px;
}

div#loginstate p {
    color: black;
	padding : 2px;
	margin : 0px;
}


input.menulogin {
	font-size : 8pt;
	border : 1px solid #d0d0d0;
 
	padding : 2px;
	margin-left : 4px;
	margin-right : 4px;
}
 

#documentcontrols {
	background-color:#e0e0e0;
	padding: 0px;
  padding-bottom: 8px;
	border-bottom : 1px solid #c0c0c0;
}
 

table#bannerleft {
	height : 86px;
}

img.button {
	cursor : pointer;	
}


div#statusarea {
   font-size : 8pt;
   color : #f0f0f0;
   padding : 4px;
   padding-left : 20px;
}

div#statusarea a {
 	font-weight : bold;
 	color : #ffffff;
}

  
input.fplogin {
	margin-left : 30px;
}


.maindiv {
  margin:2em;
 }

div.rowelement {
	display : inline-block;
}
.headerbtnbutton{font-weight: 600;} 

div.simplebutton {
	opacity: 0.5;
	padding: 1px;
    margin: 0px;
    cursor: pointer;
    text-align: center;
}

div.simplebuttonover {
	opacity: 0.8;
}

div.button, input.button,input#fileInput {
	display: inline-block;
	padding: 6px 12px;
	font-size: 13px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 2px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	min-height: 18px;
}

div.rteControls div.button{
  min-height: 13px;
  padding: 7px 10px;
}

div.rteControls div.button.more{ padding: 5px 10px; }

div.rteControls div.choicevalue{ padding: 7px 10px; }

div.buttonTouchNotepad {
	width: 98px;
	font-size : 12px;
	display : inline-block;
	vertical-align : top;
	text-align : center;
	border-width : 1px;
	border-style : solid;
	padding : 5px 0px 5px 0px;
	background-color : #ffffff;
	white-space : nowrap;
	border-color : #c8c8c8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-ms-touch-action: none;
    touch-action: none;
}

div.toselipad_butt {
	font-size : 15px;
	display : inline-block;
	vertical-align : top;
	text-align : center;
	border-width : 1px;
	border-style : solid;
	padding : 3px 4px 3px 4px;
	background-color : #ffffff;
	white-space : nowrap;
	border-color : #c8c8c8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div.buttonleft {
	border-radius: 2px 0px 0px 2px;
	border-right-width : 0px;
}

div.buttonright {
	border-radius: 0px 2px 2px 0px;
}

div.buttonmid {
	border-radius : 0px 0px 0px 0px;
	border-right-width : 0px;
}


div.buttonup-uu, input.button:hover {
	background-color : #e8e8e8;
	cursor : pointer;
}

.deleteButton div.buttonup {
	color: red;
}


div.buttonup:hover {
    background-color: #ebebeb;
    border-color: #adadad;
}

.button.btncancel {
	border-color: transparent !important;
	background-color: transparent !important;
}

.button.btnok {
	color: #ffffff;
	background-color: #00bfff;
	border: none;
}

.button.btnok:hover {
	color: #00ace6;
}

.btncancel:hover{
	text-decoration: underline;
}


div.buttondown {
	background-color: #ebebeb;
	border-color: #adadad;
}

div.buttontoggledown {
	background-color : #d0d0d0;
/*	box-shadow:inset 0 2px 3px #909090; */
}

div.buttoninactive, div.button.btnok.buttoninactive {
	color : #a0a0a0;
	background-color: transparent;
}

.rotateDialog{
}
.rotateDialog div.button {
	margin-top: 10px;
	width:40px;
}

/* dlg: classes for colour chooser button on freehand notes dialog */

div.colorbutton {
	font-size : 12px;
	display : inline-block;
	vertical-align : top;
	text-align : center;
	border-width : 1px;
	border-style : solid;
	padding : 3px 4px 3px 4px;
	background-color : #ffffff;
	white-space : nowrap;
	border-color : #c8c8c8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
} 

div.colorbuttonup {
	cursor : pointer;
  background-image: -moz-linear-gradient(#f8f8f8, #d8d8d8);
}


div.xxxmainbutton {
	font-size : 12px;
	display : inline-block;
	vertical-align : top;
	
	text-align : center;
 
	padding : 6px 10px 6px 10px;
	background-color : #ffffff;
	white-space : nowrap;
 	
 	margin : 0px 4px;
 	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
-webkit-box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
-moz-box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
}
 
 
 
 
 
 
div.xxxmainbuttonup {
	cursor : pointer;
  background-image: -moz-linear-gradient(#7cff7c, #5cb85c);

   /* Safari 4+, Chrome 1+ */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7cff7c), to(#5cb85c));

   /* Safari 5.1+, Chrome 10+ */
   background-image: -webkit-linear-gradient(#7cff7c, #5cb85c);
}


div.xxxmainbuttonup:hover {
	  background-image: -moz-linear-gradient(#6cf06c, #4ca84c);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6cf06c), to(#4ca84c));
   background-image: -webkit-linear-gradient(#6cf06c, #4ca84c);
}


div.xxmainbuttondown {
	background-color : #4cd04c;
	box-shadow:inset 0 1px 2px #909090;
}

div.xxmainbuttonover {
	 
}


div.mainbutton {
  display: inline-block;
  border-width: 0px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #5cd85c;
  padding: 4px 9px;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  margin: 0px 8px 2px 0px;
  -webkit-box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
  -moz-box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
  box-shadow: 0px 1px 0px rgba(72, 149, 72, 1);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.52);
  cursor: pointer;
}

div.mainbutton:hover {
	background-color : #6ce86c;
}












input.findinput {
	font-size : 13px;
	border : 1px solid #e0e0e0;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	padding : 6px 12px;
	margin : 0px 0px 0px 0px;
	border-right-width : 0px;
	position : relative;
    vertical-align: middle;
}



.nowrap {
	white-space : nowrap;
}


div.welcome {
	margin-left:auto;
	margin-right:auto;
	width:400px;
	margin-top:3em;
	margin-bottom:3em;
}

div.welcomeinner {
	width : 400px;
}


a.plain {
  text-decoration:none;
}

div.editable p {
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
}

h3 {
	font-size : 10pt;
}

input#emailid {
	width : 200px;
}
 
 
span.permdoclink {
	color : #0000a0;
	text-decoration : underline;
	cursor : pointer;
} 
 
span.doclink {
	text-decoration : none;
	color : #202020;
	cursor : pointer;
}

.docrow:hover * {}
 
div#msgdiv, div.msgdiv {
	font-style : italic;
	color : #808080;	
	font-size : 9pt;
}



div.docrow, div.rowsel {
	padding-top : 2px;
	padding-bottom : 2px;
	background: white;
} 


div.docrow:hover {
	background-color : #f3f3f3;	
}


div.rowsel, div.rowsel:hover {
	background-color: #dff0f5;
}


 
div.docscrumbs {
	margin : 0px;	
}

div.privacy {
	font-size : 7pt;
	font-style : italic;
	color : #600000;	
	margin-left : 6px;
}

div.filterctr {
	float : right;
	clear : both;
	margin : 2px 12px 2px 0px;	
}
 

div.accountmenu {
	padding : 0px 20px 4px 0px;	
	background-color : #89aad3;
}

div.accountmenu td {
	padding : 12px 6px 4px 6px;
}

div.accountmenu a {
	text-decoration : none;
	font-size : 11pt;
	color : #ffffff;	
}


div.simpleSolidButton {
	padding : 1px 4px 1px 4px;
	margin : 0px 1px;
	border-width : 1px;
	border-style : solid;
	cursor : pointer;
	text-align : center;
} 


div.transparentButton {
	padding : 0px;
	margin : 0px;
	cursor : pointer;
	text-align : center;
	border-width : 1px;
	border-style : solid;
	border-color : transparent;
}

div.docs {
	padding : 0px 0px;	
}

div.menu {
	background-color: #ffffff;
  	border: 1px solid #cccccc;
  	border: 1px solid rgba(0, 0, 0, 0.15);
  	border-radius: 4px;
  	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
  	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
  	background-clip: padding-box;
	overflow : auto;
	border-radius : 2px;
 
/* NB IE setx overflow-x to auto if this is set and breaks all the menus */
/* overflow-y : auto;  */
}
.notepadHeader .menu{
	left:0 !important;
}
div.menu.itemmenu{
	overflow: visible;
}

div.menu div.submenu{
	background-color: #ffffff;
  	border: 1px solid #cccccc;
  	border: 1px solid rgba(0, 0, 0, 0.15);
  	border-radius: 4px;
  	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  	background-clip: padding-box;
	border-radius : 2px;
}

div.popupmenu div.menuelement{
	position: relative;
	white-space: nowrap;
}
div.popupmenu div.menuelement div.submenu{
	display: none;
	background-color: #ffffff;
	position: absolute;
	top: 0px;
	left: 122px;
}
.menuTowardsTop div.popupmenu div.menuelement div.submenu{
	bottom: 0;
	top:inherit;
}


div.popupmenu div.menuelement.menuElementSelected div.submenu{
	display: block;
}

div.popupmenu div.menuelement .caretright{
  margin-top: 3px;
}

div.menu div.element {
	color : #000000;
	padding : 8px 10px;
	min-width: 105px;
}

div.menu div.element img{
	display: inline-block;
	vertical-align: top;
	padding: 2px 3px !important;
}

div.menu div.inactive { 
	color : #808080;
}

div.menu div.semiable {
	color : #606060;
	font-style : italic;
}

div.menu div.over {
	background-color : #ccdff8;
}



	
div.livemessage {
	position : absolute;
	top : 100px;
	left : 10px;
	width : 250px;
	font-size : 8pt;
	background-color : #c0c0c0;
}

textarea.clipboard {
	width : 100%;
	height : 120px;
	overflow-y : auto;
	background-color : #ffffff;
	padding : 2px;
	border : 1px solid #c0c0c0;
	border-color : #c0c0c0 #f0f0f0 #f0f0f0 #c0c0c0;	
}



div.choicevalue  {
	font-size : 13px;
	display : inline-block;
	vertical-align : middle;
	border : 1px solid #c0c0c0;
	border-radius: 2px 0px 0px 2px;
	border-right-width : 0px;
	white-space : nowrap;
	padding : 6px 12px;
	position : relative;
	background-color : #ffffff;
}

.percentZoom img {
	vertical-align: baseline;
}

div.multitags {
	overflow-y : hidden;
	width  : 100%;
  	height : 70px;
}
 
div.morebutton {
 position : absolute;
 right : 0px;
 bottom : 0px;
 padding : 4px 0px 2px 4px;
 background-color : #e0e0e0; 
 }
 
 
 div.toggletag {
 	float : left;
 	padding : 0px 2px;
 	margin : 2px;
 	cursor : pointer;
 	border : 1px solid transparent;
 	border-radius : 2px;
 	font-weight : 300;
 	text-overflow: ellipsis;
 	max-width: 170px;
 	overflow: hidden;
}




.lighttext {
	color : #ffffff;
}

div.toggletag:hover {
	border : 1px dotted #000000;
}

div.toggletagon {
	font-weight : bold;
	border : 1px solid #000000;
}  
  
  
input.dormant {
	color : #808080;
}

input.active {
	background-color : #ffffff;
	color : #000000;
}


input.topsearch {
	border : 0px solid transparent;
	padding-left: 10px;
	background: #f0f0f0;
	text-overflow: ellipsis;
	height: 32px;
	width: 435px;
	transition: all 0.5s;
}


div.topsearch input.dormant {
	background-color : #989898;
	color : #f0f0f0;
}

div.topsearch input.active {
	background-color : #f0f0f0;
	color : #202020;
}



div.docref {
	background-color : #edeceb;
	border : 1px solid #c0c0c0;
	min-height : 16px;
}

div.docchooserwrapper {
	padding : 0px;
	background-color : #ffffff;
	margin : 0px 0px 4px 0px;
	border : 1px solid #c0c0c0;
}

div.customfields {
	padding : 2px 0px 2px 0px;
 
}
	 
	 
textarea {
	border-radius : 4px;
	padding : 4px;
	width : calc(100% - 8px);
 
}	 
	 
	
	 
textarea.docinfo {
	border : 1px solid #c0c0c0;
	height : 40px;	
}

textarea.editpre {
	height : 100px;
	padding : 6px;
	background-color : #ffffff;
	border : 1px solid #a0a0a0;
}
 
div.progressbar {
	margin : 6px;
	text-align : left;
	border : 1px solid #a0a0a0;
	background-color : #f0f0f0;
}

div.progressfraction {
	text-align : left;
	height : 10px;
	background-color : #80e080;
}

div.multichooser {
	background-color : #ffffff;
 
	overflow : auto;
	height : 110px;
	 
}

div.mcsource {
	background-color : #f8f8f8;	
}
  
div.multichooser div.selectable {
	font-size : 9pt;	
	padding : 2px 4px 2px 20px;	
}  
  
div.multichooser div.mcsection {
	font-style : italic;
	border-bottom : 1px solid #e0e0e0;
	margin : 6px 0px 0px 0px;
	padding : 2px 4px;
}  
  
  
div.colorselectelement {
	margin : 2px;
	border : 1px solid #a0a0a0;
	width : 40px;
}

div.colormenuelement {
	border : 1px solid #c0c0c0;
	height : 18px;
	width  : 18px;
	cursor : pointer;
}

div.colormenuelementover {
	border : 1px solid #202020;
	height : 18px;
	width  : 18px;
	cursor : pointer;
}

div.autocompletes {
   background-color : #ffffff;
   border : 1px solid #a0a0a0;
   width : 200px; 
}

div.tooltip {
  width : 240px;
  max-height : 400px;
  overflow : auto;
  padding : 4px;
  border : 1px solid #a0a0a0;
  background-color : #f0f0f0;
  position : absolute;
  z-index : 2000;
  bottom : 12px;
  text-align : left;
}

div.fillguage {
	border: 1px solid #666;
}

div.accesslink {
	position : relative;
	margin-right : 4px;	
}

div.linkaccess {
	margin : 16px 0px 12px 0px;	
}

div.accesslink input {
	width : 100%;
	border : 1px solid #b0b0b0;
	padding : 2px;	
}
 
 
 
textarea.clipboardta {
	border : 1px solid #c0c0c0;
	border-color : #c0c0c0 #f0f0f0 #f0f0f0 #c0c0c0;	
	width : 100%;
	height : 100%;
        white-space: pre;
        layout: block;
}

div.ncinner {
	font-size: 13px;
	color: #cdcdcd;
}

div.currentacl {
	background-color : #ffffff;
	border : 1px solid #c0c0c0;
	margin : 4px 0px 6px 20px;
	overflow : auto;
	max-height : 200px;
}

ul.layout {
	list-style : none outside none;		
}

 


div.dialog, div.bareDialog {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 2px;
}

div.dialogBlock {
   border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #ffffff;
    min-height: 24px;
    padding: 6px 4px;
}


div.dialoghead, div.dshead {
    border-bottom : 1px solid #e5e5e5;
    color: #606060;
    font-size: 14px;
    padding: 15px;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.dialog .dialogBody, div.filtersection{
	padding: 15px;
}

div.dialogClose {
	float : right;	
	margin-right : 2px;
}

div.dialogClose div.simplebutton{
	padding: 1px;
    margin: 0px;
    cursor: pointer;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    margin-top: -2px;
    line-height: 1;
}

div.dialogFoot {
    border-bottom : 1px solid #e5e5e5;
    padding:15px;
    text-align: right;
}

td.footerleft{
	text-align: left;
}

div.framedDialog {
	background-color : #d8d8d8;	
	min-width : 240px;
}

div.framedDialog div.dialogFoot {
	background-color : #d8d8d8;	
}

 
ul.checkboxList li input {
	position : relative;
	top : 2px;
}

.warn {
	color : #ffa040;	
}
 

div.clearboth {
	clear : both;
}

td.dfpropname {
	text-align : right;
	padding-right : 6px;
	min-width : 160px;
}

div.dfnmatch {
	margin : 8px;
	text-align : center;	
	font-weight : bold;
}

.textarea {
	font-size : 11px;	
}



div.section .ectitle {
	font-size : 10pt;
	font-weight : bold;	
}
 
 
div#notesdiv div.focusnote {
	border : 1px dashed #000000;
}

div.bgnote {
	opacity : 0.5;
	 filter:alpha(opacity=50);
}


/* just for IE 8 */
div.bgnote div:not(.ctag) {
	display : block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}





.lowi {
	border-bottom : 2px solid green;
}

.lowi0 {
	border-left : 4px solid green;
	border-bottom : 2px solid green;
}


.lowu {
	border-bottom : 2px solid #f00000;
}

.highu {
	border-bottom : 2px solid #ffa040;
}

.res {
	background-color : #00c000;
	opacity : 0.3;
	 filter:alpha(opacity=30);
}

.reshi {
	background-color : #ff0000;
	opacity : 0.3;
	filter:alpha(opacity=30);
	border-bottom : 2px dotted #a0a000;
}


.btnenabled {
   cursor : pointer;
}

.btndisabled {
  opacity : 0.5;
  filter : alpha(opacity=50);
}


.hide  {
  opacity : 0.0;
  filter : alpha(opacity=0);
  cursor : text;
}

.high, .highh, .highl, .highu {
  background-color: #00ff00;
  opacity:0.4;
  filter : alpha(opacity=40);
  cursor: pointer;
  border-bottom: 2px solid red;
}



.highi {
	border-bottom : 2px solid red;
}


.highi0 {
	border-left : 4px solid red;
	border-bottom : 2px solid red;
}

.sel {
  background-color: #ffff00;
  opacity:0.3;
  filter : alpha(opacity=30);
  cursor : text;
}

.selh, .sels, .seli, .seli0, .sele, .sell, .selu {
  background-color: #00ff00;
  opacity:0.4;
  filter : alpha(opacity=40);
  cursor: pointer;
}

.selh, .seli, .seli0 {
   border-bottom: 2px solid red;
}
 
.seli0 {
	border-left : 4px solid red;
}

.sels .strike {
	border-bottom : 2px solid #ff0000;
}

.sell {
	border-bottom : 2px dashed #0000a0;
}




.low, .lowh, .lowl {
  background-color: #ffff00;
  filter : alpha(opacity=40);
  opacity:0.4;
  cursor: pointer;
  border-bottom: 1px solid green;
}


.hnew {
	background-color: #0000ff;
}

.hchg {
	background-color: #0000d0;	
}

.hdel {
   border-bottom : 1px solid red;
   border-left : 2px solid red;	
}


.h0 { background-color: #ffff00; }
.h1 { background-color: #99ff99; }
.h2 { background-color: #99ffff; }
.h3 { background-color: #9999ff; }
.h4 { background-color: #ff99ff; }
.h5 { background-color: #ff9999; }
.h6 { background-color: #d0d0d0; }

.h7 { background-color: #ffff99; }
.h8 { background-color: #99ff99; }
.h9 { background-color: #99ffff; }
.h10 { background-color: #9999ff; }
.h11 { background-color: #ff99ff; }
.h12 { background-color: #ff9999; }
.h13 { background-color: #c0c0c0; }

.h14 { background-color: #ffff65; }
.h15 { background-color: #65ff65; }
.h16 { background-color: #65ffff; }
.h17 { background-color: #6565ff; }
.h18 { background-color: #ff65ff; }
.h19 { background-color: #ff6565; }
.h20 { background-color: #b0b0b0; }

 

div.strike {
	position : absolute;
	left : 0px;
	right : 0px;
}
				
				
.highs .strike {
	border-bottom : 2px solid #ff0000;
}

.lows .strike {
	border-bottom : 2px solid #606060;
}
 

.highl {
  border-bottom: 3px dotted #0000ff;
  cursor : pointer;
}

.lowl {
  border-bottom: 1px solid #0000ff;
	cursor : pointer;
}

 

.highe {	
  opacity:0.4;
  filter : alpha(opacity=40);
  background-color : #80ff80;
  border-bottom: 2px dashed #cf0000;
  cursor : pointer;
}

.lowe {
    opacity:0.3;
    filter : alpha(opacity=30);
    background-color : #80ff80;
    border-bottom: 1px dashed #006000;
	cursor : pointer;
}
 
 
div.tagitem {
	display : inline-block;
	position : relative;
	margin-right: 5px;
    margin-bottom: 5px;
} 
 
 div.tagmarker {
 	position : absolute;
 	top : -6px;
 	right : -8px;
 	width : 16px;
 	height : 16px;
 	border-radius : 8px;
 }
 
 
 
.ctag {
 	cursor : pointer;
 	margin : 2px;
	display : inline-block;
	border-radius : 8px;
	padding : 0px 6px;
	text-overflow: ellipsis;
 	max-width: 150px;
 	overflow: hidden;
}
 
 
 .ctagrhs {
 	cursor : pointer;
 	padding : 0px 1px 0px 2px;
	display : inline-block;
	border-radius : 0px 8px 8px 0px;	 
	border : 1px solid transparent;
	border-left : 1px dotted #ffffff; 
}
 
 .ctagrhs:hover {
 	border-color : #202020;
 }

 
 .ctaglhs {
 	cursor : pointer;
 	padding : 0px 4px 0px 6px;
	display : inline-block;
	border-radius : 8px 0px 0px 8px;
	border : 1px solid transparent;
	border-right-width : 0px;
}
 
div.tagsel div.tagmarker {
	background-color : #20d020;
}


.ctagdel {
	text-decoration: line-through;
}
 
.tagmust {
	background-color : #60f060;
}

.tagoff {
	display : none;
}

.tagmay {
	background-color : #ffa440;
}


.tagnot {
	background-color : #ff0000;
}


div.tagoff:hover {
	background-color : #c7daf3;
}
 
div.previewbtn, select.previewbtn {
	padding : 0px 4px;
	display: inline-block;
}

div.previewbtn.reset{
	    padding-right: 10px;
	    vertical-align: top;
}

div.previewbtn.zoomin{
	padding-left: 10px;
	vertical-align: middle;
}

div.previewbtn.zoomout{
	padding-right: 10px;
	vertical-align: middle;
}

div.percentZoom{ 
	padding-right: 0px;
}

div.previewbtn.next{
	    padding-left: 5px;
}
 
div.previewbtn:hover {
	cursor : pointer;
}
 
 
div.tabrow {
	background-color : #ffffff;
}

div.tab {
	border-radius : 4px 4px 0px 0px;
	border-bottom-width : 0px;
	padding : 3px 6px 3px 6px;
	cursor : pointer;
}

div.tabon {
	background-cloor : #a0a0a0;	
}

div.taboff { 
	background-color : #f0f0f0;
}

div.taboff:hover {
	background-color : #c0c0c0;
}

div.tagcolorbox {
	float : right;
	border : 1px solid #a0a0a0;
	border-radius : 4px;
	width : 15px;
	height : 13px;
	margin : 2px 6px 0px 10px;
}
div.tagrow:hover {
	background-color : #f0f0f0;
}
 
div.activetagrow {
	background: #dff0f5;
}
div.tagrow, div.activetagrow {
	border-bottom : 1px solid #eaeaea;
}




div.voteouter {
	width: 28px;
	position : absolute;
	left: -28px;
	top : -1px;
	border-radius: 4px 0px 0px 4px;
	border-width : 1px 0px 1px 1px;
	background-color: #ffffff;
	box-shadow: -1px 2px 6px rgba(136, 136, 136, 0.57);
	color: grey;
}


div.voteouter table td {
	width : 24px;
	padding-left: 6px;
	font-size: 19px;
	cursor:pointer !important;
}
 
td.upvotebutton {
	cursor : pointer;
	padding: 2px 0px 0px 3px;
}

td.dnvotebutton {
	cursor : pointer;
	padding: 3px 0px 2px 0px;
}
td.upvotebutton:not(.disabled):hover {
	color:#0ca20c;	
}
td.dnvotebutton:not(.disabled):hover {
	color:rgb(255, 104, 104);	
}


div.notevotes {
	color : #606060;
	float : left;
	font-weight : bold;
	font-size : 8pt;
}

div.likebutton {
	display : inline;
	cursor : pointer;
	position : relative;
	top : -2px;
	padding : 0px 4px 2px 2px;
}


div#docsSeparator {
	width: 18px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	cursor: col-resize;
	height: 100%;
	min-height: 600px;
}

div.docSepInner {
	height: 100%;
	/* border-left: 1px solid #e0e0e0; */
	/* border-right: 1px solid #e0e0e0; */
	/* background-color : #ffffff; */
	display: inline-block;
}
div.docSepInnerCenter {
	position: relative;
	top: 50%;
	width: 3px;
	height: 20px;
	border-left: 3px solid #a8a0a0;
	border-right: 3px solid #a8a0a0;
	margin-left: 3px;
}

div.docSepInner img{
	top: 50%;
	position: relative;
}



div.infodiv {
	min-height : 20px;
	margin : 4px;
	font-size : 10pt;
	color : #a0a0a0;
	font-style : italic;
	padding : 6px;
	border : 1px solid #efef90;
	background-color : #ffffb0;
	border-radius : 20px;	
	max-width : 350px;
}

div.infoimg {
	float : left;
	margin : 0px 4px 4px 4px;
}

span.infook {
	font-style : normal;
	font-size : 8pt;
	cursor : pointer;
	color : #2e66df;
	font-weight : bold;
	margin-left : 10px;
}



div.erdrmenu {
		background-color : #808080;
		box-shadow: -2px 1px 9px -2px rgba(136, 136, 136, 0.57);
}

div.erdrmenu div.element {
	background-color: #f6f6f6;
	padding: 7px;
}
div.erdrmenu div.element:hover {background-color: rgb(235, 235, 235);}

div.erdrmenu div.inactive { 
	color : #808080;
}

div.erdrmenu div.over {
}

div.premiummessage div {
	margin : 8px 0px;
}
	
div.msg {
	padding : 12px 0px;
}

span.bold {
	font-weight : bold;
}

div.catmarker {
	width : 20px;
	height : 20px;
	border-radius : 10px;
	margin-right : 20px;
	border : 1px solid #808080;
}


div.etchhead {
	border-bottom : 1px solid #e8e8e8;
}

div.etchfoot {
	border-top : 1px solid #ffffff;
}

div.uploadrow {
	padding : 1px 6px 1px 6px;
	border-bottom : 1px solid #f2f2f2;
}
 

div.dropmsg {
	padding-right : 8px;
	position : relative;
	top : 4px;
	color : #606060;
}

div.uploadinputctr {
	overflow : hidden;
	height : 0px;
}


div.progmain {
	padding : 2px 8px;
}

div.progouter {
	position : relative;
}

span.progmsg {
	font-size : 9pt;
	color : #808080;
}

div.ubouter {
	width : 80px;
	padding : 4px;
}

div.ubbase {
	background-color : #d0d0d0;
	border : 1px solid #b0b0b0;
	border-radius : 2px;
	overflow : hidden;
}

div.ubbar {
	background-color : #574165;
	border-radius : 2px 0px 0px 2px;
	min-height : 8px;
	border-right : 1px solid #b0b0b0;
}
	 
div.paletteitem {
	display : inline-block;
	border : 1px solid #a0a0a0;
	width : 20px;
	height : 20px;
	margin : 4px;
	cursor : pointer;
}

div.paletteitem:hover {
	border : 1px dashed #000000;
}

div.pion {
	border : 1px solid #000000;
}

div.dropdiv {
	border : 2px solid #e0e0e0;
	background-color : #ffffff;
	position : relative;
}

div.dropmsgdiv {
	position : absolute;
	top : 0px;
	left : 0px;
	right : 0px;
	color : #a0a0a0;
	font-size : 14pt;
	text-align : center;
	padding : 60px 20px 20px 0px;
}

div.dropmsgdiv span.small {
	font-size : 10pt;
}

div.dropover {
	border : 2px dashed #c0c0c0; 
}

div.uploadsdisplay {
	background-color : #ffffff;
}

div.linkbutton {
	display : inline-block;
	color: grey;
}
.ncinner .linkbutton{
    padding: 8px 10px 8px 10px !important;
}
.ncinner > div:hover {
	background-color:rgb(235, 235, 235);
}
table.tagmerge {
	margin-left : 20px;
}

td.tagmerge {
	padding : 0px 4px;
}

div.rowlabel {
	display : inline-block;
	vertical-align : top;
	padding : 4px 4px 0px 12px;
}

div.rowbutton {
	display : inline-block;
	margin : 0px 4px;
}

.fieldname {
	font-style : italic;
	color : #606060;
}

div.doctypedisplay {
	text-align : center;
	cursor : pointer;
}

div.helpbutton {
	font-weight : bold;
	font-size : 12px;
	color : #ffffff;
	background-color : #80a0ff; 
	border-radius : 8px;
	padding : 0px 6px;
	margin : 0px 6px;
	cursor : pointer;
}

div.menutrigger {
	cursor : pointer;
	padding: 1px 1px;
	visibility: hidden;
	position: absolute;
	right: 0;
	top: 13px;
	border-radius: 50%;
	border: 2px solid  #a8a0a0;
	height: 16px;
	width: 16px;
	margin-right: 13px;
}
#docsmain div.menutrigger .fa{font-size: 17px;margin-left: 1px;}

img.searchimg {
	position : absolute;
	right: 11px;
	top: 8px;
	cursor : pointer;
}

span.doctags {
	font-style : italic;
	color : #a05000;	
	line-height : 14pt;
	padding-right : 6px;
}

span.doctag {
	display : inline-block;
	color : #000000;
	margin : 2px 0px;
	border-radius: 10px;
	padding: 2px 6px;
	white-space : nowrap;
	font-size: 12px;
}

td.noerror {
	height : 0px;
	display : none;
}

td.error {
	color : #c00000;
	font-size : 9pt;
}

tr.inviteerow td {
	border-bottom : 1px solid #eaeaea;
	padding : 7px 0px;
}

tr.activeinvrow td {
	border-bottom : 1px solid #eaeaea;
	/* color: #939393; */
	background : #c0c0ff;
}

div.rminvitee {
	float : right;
	background-image: url(../img/windowclosefaint.png);
	width: 17px;
    height: 13px;
	margin: 12px 10px 0px 10px;
	cursor: pointer;
}

#banner{
	height: 60px;position: fixed;width: 100%;top: 0;z-index: 99999999;background: white;min-width: 900px;
}

.pageContainer{
    position : relative;
    clear: both;
    background: #f0f0f0;
    padding-top: 60px;
}
.pageContainer table{
	width: 100%;
}
.header_search{
	display:none;	
}


@media only screen and (max-width: 1100px) {
	td.navrowtab i,td.navrowtabon i{
		display:block;
		padding: 19px 15px;
		font-size: 20px;
	}

	td.navrowtab i{
		color: dimgray;
	}

	td.navrowtab a,td.navrowtabon a{
		display:none;
	}
}

@media only screen and (max-width: 1100px) {
	.search{
		display:none;
	}
	.header_search{
		display: table-cell;
	}
}

@media only screen and (max-width: 1350px) {
	input.topsearch{
		width: 300px;
	}
}


/* Chrome Specific CSS */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    td#previewtd select {
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='898989'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
        background-position: 96% 80%;
        background-size: 8px 10px;
        background-color: white;
        border: thin solid white;
        border-radius: 2px;
        font: inherit;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: borreder-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        min-width: 40px;
        padding: 0 12px 0 5px;
    }
  
}

/* Mozilla Specific CSS */
 @-moz-document url-prefix()  {
    td#previewtd select {
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='898989'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
        background-position: 96% 80%;
        background-size: 8px 10px;
        background-color: white;
        border: thin solid white;
        border-radius: 4px;
        font: inherit;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        min-width: 40px;
        padding: 0 12px 0 5px;
    }  
}

div.mib {
	display : inline-block;
	vertical-align : middle;
}

div.mibtop {
	display : inline-block;
	margin : 0px 4px;
}

.currentPage{
    text-decoration: underline !important;
}

.caretinactive,.caretasc, .caret {
    font: normal normal normal 14px/1 FontAwesome;display: inline;margin-left: 7px;
}

.caret,.caretasc{
    color:black;
    font-weight:bold;
}

.caretinactive:before, .caret:before {
    content: "\f107";
}
.caretasc:before {
    content: "\f106";
}

.caretright {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
}

.caretright:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 5px solid #b8b2b2;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.caretright:after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  border-left: 0px solid #ffffff;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
}

.caretdown {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
}

.caretdown:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  border-top: 5px solid #b8b2b2;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.caretdown:after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  border-top: 0px solid #ffffff;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
}

.signTable{
  margin-top: 100px;
}

.doctags{
    display:none;
}

.detailsoff .doctype,.detailsoff .doctag,.detailsoff .doctags,.detailsoff .docfields, .detailsoff .docinfo{
    display: none;
}
.detailson .doctags,.detailson .docfields, .detailson .docinfo{
    display: block;
}
.detailson .doctype,.detailson .doctag{
    display: inline-block;
}

div.notepad{
	background-color: white;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 2px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
}

div.notepad textarea{resize: none; }

div.notepad .title{
	font-size: 11px;
    font-style: italic;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: hidden;
    min-width: 260px;
}

div.notepad .notemenu{padding: 6px 0px 4px 2px;}

div.notepad .newtag{
	padding-left: 4px;
}

.notepadHeader .rowelement{
	margin-right: 2px;
}

div.notepad .adressedto{
	padding: 5px;
	float: left;
}

div.notepad .notepadfooter{
}

div.notepad .notepadfooter .inlineblock{
	padding: 7px 6px;
}

div.notepad .toselector{
	padding: 5px 0;
}

div.boxDiv{
	box-shadow: 2px 1px 6px rgba(136, 136, 136, 0.57);
}

div.boxDiv .boxbody{
	position: relative; /* to anchor the shadows to this div */
}

div.note .voteouter{display: none;}
div.note.activenote .voteouter{ display: block;}

div.boxDiv .boxbody .vshadow{
	position: absolute;
	top: 0px;
	right: -6px;
	width: 5px;
	overflow: hidden;
	height: 100%;
	display: none;
}

div.boxDiv .boxbody .vshadow img{
	position: absolute;
	top: 0px;
	left: 0px;
}

div.boxDiv .boxbody .leftextender{ display: none; }

div.boxDiv .boxBottom{
	height: 7px;
}

div.boxDiv .boxBottom .bshadow{
	position: relative;
	top: 8px;
	height: 5px;
	overflow: hidden;
	width: 100%;
	display: none;
}

div.boxDiv .boxBottom .bshadow img{
    position: absolute;
	top: 0px;
	left: 0px;
}

.notebuttons .simplebutton{
	font-weight: bold;
    font-size: 15px;
    line-height: 14px;
    padding: 0px 5px !important;
}
.notebuttons.inverted .simplebutton{
    opacity: 0.8;
}

.tagChooserNewTag td{
	padding-left: 2px;
}

.docrow .fa-file-o{
	margin: 0px 5px 0px 14px;
}
#docsmain .docrow .fa-file-o{
	margin:0;
}

.docrowFolder .docrows{
	padding-left: 15px;
}
.foldercaret {margin-right: 4px;}
.foldercaret .caretright{
    left: 3px;
}
div[data-tree="0"]  .docrow{padding-left: 15px;}
div[data-tree="1"]  .docrow{padding-left: 30px;}
div[data-tree="2"]  .docrow{padding-left: 45px;}
div[data-tree="3"]  .docrow{padding-left: 60px;}
div[data-tree="4"]  .docrow{padding-left: 75px;}
div[data-tree="5"]  .docrow{padding-left: 90px;}
div[data-tree="6"]  .docrow{padding-left: 105px;}
div[data-tree="7"]  .docrow{padding-left: 120px;}
div[data-tree="8"]  .docrow{padding-left: 135px;}
div[data-tree="9"]  .docrow{padding-left: 150px;}
div[data-tree=">9"] .docrow{padding-left: 165px;}