@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body { margin:0; padding:0; }
body { font-family: 'Open Sans', sans-serif; font-size: .875em; line-height: 1.4em; }
div, p, td, th, li { font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.4em; }

h1 {  font-size: 1.5em; font-weight: bold; margin-top:0px; padding-top:10px; line-height: 1.4em; }
h2 {  font-size: 1.2em; font-weight: bold; line-height: 1.4em; }
h3 {  font-size: 1.1em; font-weight: bold; line-height: 1.4em; }
h4 { font-size: 1em; font-weight: bold; margin-bottom: 0px; padding-bottom:10px; line-height: 1.4em; }
p {  }
th {   font-weight: bold; }
td { }

.floatright { float:right; margin-left: 10px; }
.em { color: red; font-weight: bold; font-style: italic; }

#helpicon { float:right; text-align:right; padding-top: 10px; }
h1.mainpagetitle, h2.mainpagetitle { float:left; }
h2.mainpagetitle { padding-top: 10px; }
h1.docpagetitle { float:left; }
h1.userpagetitle { float:left; }
h1.clientpagetitle { float:left; }
h1.grouppagetitle { float:left; }
h1.projectspagetitle { float:left; }
h1.updocpagetitle { float:left; padding-bottom: 10px; }
#help { clear:both; padding-top: 10px; }
fieldset.results h2 { margin-top: 0px; padding-top: 5px; }
fieldset.results h4 { margin-top: 0px; padding-top: 0px; }

.thumbnailfloat { float: left; margin-right: 10px; margin-bottom: 20px; 
	width: 260px; height: 300px; }
.thumbnailfloat_public { float: left; margin-right: 20px; margin-bottom: 20px; 
	width: 210px; height: 260px; }
.thumbnail_inner { }
.detailtnbox { float: left; margin-right: 10px; margin-bottom: 10px; 
  min-height:90px;
  height:auto !important;
  height:90px;}

.detailtnbox_public { margin-bottom: 10px; }
.projecttn_public { }

.projecttn { clear: both; margin-top: 20px; border-top: solid 2px #05003A; padding-top: 20px; }
.projectname_tn { font-size: 14px; line-height: 1.4em; padding-bottom: 10px; }

.projecttn_public { float:left; margin: 0 30px 30px 0; width:332px; height: 380px; font-size: 14px; line-height: 1.4em; }
.detailtnbox_public { background-image:url(../../images/AlbumCover.jpg); background-size: 100% 100%; background-repeat:no-repeat; width:98%; height:340px; text-align:center; vertical-align:middle; background-color: #000; padding: 1%; }
.albumimgbox { padding-top: 70px; }


#content_pages_masonry { clear: both; margin: 0 0px; }
.padarea { padding: 10px; }


.detailtextbox { float:left; width: auto; margin-bottom: 10px; clear:none; }
.detaillabel { font-weight: bold; }
.detailbox { font-size: 12px; float:left; }

.noteitem { font-style: normal; margin-bottom: 5px; }
.notehead { font-style: italic; }

form.formapplet { padding: 0; margin:0;}

#ssl { text-align: center; margin-top: 20px; }

select.upload { font-family:Arial, Verdana, Tahoma;  font-size:11px;
	border:1px solid black; background:#FFFFFF; }
	
input.noborder { border:0px; }
input.button { cursor: pointer; }
input.button[disabled='disabled'] { cursor: default; }
input[type='radio'] { border:0px; }
input[type='checkbox'] { border:0px; }
input[type='hidden'] { background:transparent; border: 0px; }

.clear0 { height:0px; line-height:0px; clear:both; font-size:0px; }
.clear1 { height:1px; line-height:1px; clear:both; font-size:1px;  }

.popuppreview img { border: solid 10px #666; }

/* grid layout page */
.Grid { position: relative; width: 100%; }
.Grid-sizer { width: 25%; }
.Grid-item { width: 25%; float:left; }
.Grid-inner { background-color: #000; padding: 0px; border: solid 1px #fff; margin: 0; }
.Grid-inner img { width: 100%; height:auto; }
.Grid-inner img.tnimg { width: 100%; height:auto; border:none; }

.tnmactions { float:right; text-align: right; }

@media screen and (max-width: 1600px) {
.Grid-sizer { width: 33.3333%; }
.Grid-item { width: 33.3333%; float:left; }
	
}

@media screen and (max-width: 1000px) {
.Grid-sizer { width: 50%; }
.Grid-item { width: 50%; float:left; }
	
}


@media screen and (max-width: 768px) {
.Grid-sizer { width: 100%; }
.Grid-item { width: 100%; float:left; }
	
}

@media screen and (max-width: 500px) {

.projecttn_public { float:left; margin: 0 0px 30px 0; width:100%; }
	
.Grid-sizer { width: 100%; }
.Grid-item { width: 100%; float:left; }
	
	.tnmactions {clear:both; float:none; text-align: left; padding-top: 1em; }
	
}