body {
	font: 13px/1.5 'Lucida Grande', 'Helvetica Neue', Arial,
		'Liberation Sans', FreeSans, sans-serif;
	background: #f0f2f6;
	color: #323232;
}

#page-content {
    box-shadow: 0 0 1px 1px #C5D2DC;
    -webkit-box-shadow: 0 0 1px 1px #C5D2DC;
    -moz-box-shadow: 0 0 1px 1px #C5D2DC;
    margin-bottom: 20px;
}

::selection {
	color: white;
	background: #48acdd; /* Safari */
	}
::-moz-selection {
	color: white;
	background: #48acdd; /* Firefox */
}

/* Text */
input,select,textarea,button {
	font-size: 0.9em;
}

input[type=submit] {
	font-size: 0.9em;
}

p {
	padding-top: 3px;
	padding-bottom: 10px;
}

hr {
	height: 2px;
	border: 0;
	margin: 30px 0 30px 0;
	color: #CCC;
	background: url("/img/hr.gif") repeat-x scroll 0 0 transparent;
	clear: both;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
	font-size: 2em;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	color: #2a4c6b;
}

h2 {
	padding-top: 15px;
	padding-bottom: 3px;
	font-size: 1.5em;
	font-weight: normal;
	color: #555555;

	/*
	padding-top: 15px;
	padding-bottom: 3px;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #181A1A;
	*/
}

h3 {
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 1.5em;
	font-weight: normal;
	color: #222;
}

h4 {
	font-size: 1.2em;
	font-weight: normal;
	color: #555;
	padding-top: 7px;
	padding-bottom: 4px;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1.05em;
}

/*--------- Layout ----------*/
.al-grid {
	padding-bottom: 30px;
}

/*------------ Full -----------*/
div.full {
	margin-bottom: 10px;
}

div.full h1 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	color: #444;
	padding: 0;
	margin: 0;
}

div.full h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 32px;
	line-height: 32.400001525878906px;
	color: #444;
	padding: 0;
	margin: 0;
}

div.full p {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	color: #777;
}

.reading,.reading-section {
	font-size: 1.1em;
}

.reading-section {
	padding: 20px 0 20px 0;
}

.page-section {
	padding-top: 60px;
}

.page-subsection {
    padding-top: 20px;
}

/*------------ Decor -----------*/
.special {
	font-size: 1.0em;
	line-height: 1;
	vertical-align: middle;
	color: #555;
}

h3.special {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

h3.special span.special-featured {
	background-color: #EA4C89;
}

h3.special span.special-flag {
	padding: 2px 18px 2px 6px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	background: #EA4C89 url(/images/flag-cutout.png) no-repeat 100% 50%;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

ul.special {
	display: inline-block;
}

ul.special li {
	padding: 5px;
	border-bottom: 1px solid #dddddd;
}

ul.special li.last {
	border-bottom: none;
}

ul.blog {
	display: inline-block;
}

ul.blog li {
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #eee;
}

ul.blog li.last {
	border-bottom: none;
}


table.special td {
	font-size: 1.2em;
	padding: 7px 10px 7px 0;
}

table.special td.key {
	text-align: right;
	color: #777;
}

table.special td.value {
	color: #333;
	font-weight: bold;
}

.view-more {
	padding-right: 12px;
	background: url(/images/icon-bluearrow.png) no-repeat 100% 2px;
}

/*------------ Links -----------*/
a {
	color: #005a8c;
	text-decoration: none;
}

a:hover {
	color: #007bbf;
	text-decoration: underline;
}

h2 a {
	color: #181A1A;
}

h2 a:visited {
	color: #181A1A;
}

h2 a:hover {
	color: #ff3333;
}

/*------------ Header ------------*/
#header {
	margin-right: -20px;
	margin-left: -20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
    font-size: 1.1em;

    background-color: #385979;

    box-shadow: 0 0 1px 1px #395770;
    -webkit-box-shadow: 0 0 1px 1px #395770;
    -moz-box-shadow: 0 0 1px 1px #395770;


    /*background: #879bae; !* Old browsers *!*/
	/*background: -moz-linear-gradient(top, #879bae 0%, #8094a8 50%, #758aa0 100%);*/
	/*!* FF3.6+ *!*/
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #879bae),*/
		/*color-stop(50%, #8094a8), color-stop(100%, #758aa0) );*/
	/*!* Chrome,Safari4+ *!*/
	/*background: -webkit-linear-gradient(top, #879bae 0%, #8094a8 50%, #758aa0 100%);*/
	/*!* Chrome10+,Safari5.1+ *!*/
	/*background: -o-linear-gradient(top, #879bae 0%, #8094a8 50%, #758aa0 100%);*/
	/*!* Opera 11.10+ *!*/
	/*background: -ms-linear-gradient(top, #879bae 0%, #8094a8 50%, #758aa0 100%);*/
	/*!* IE10+ *!*/
	/*background: linear-gradient(top, #879bae 0%, #8094a8 50%, #758aa0 100%);*/
	/*!* W3C *!*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(                 startColorstr='#879bae',*/
		/*endColorstr='#758aa0', GradientType=0 ); !* IE6-9 *!*/
}

.search-bar {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

#signUp {
	font-size: 1.8em;
	background-color: #2e85d4;
	padding: 4px 10px 4px 10px;
	margin: 10px 0px 10px 0px;
	display: inline-block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 1px 1px 1px 1px #C5D2DC;
	-webkit-box-shadow: 1px 1px 1px 1px #C5D2DC;
	-moz-box-shadow: 1px 1px 1px 1px #C5D2DC;
}

#signUp a {
	color: white;
}

.featureImage {
	border: 1px solid #999;
	padding: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 1px 1px 1px 1px #C5D2DC;
	-webkit-box-shadow: 1px 1px 1px 1px #C5D2DC;
	-moz-box-shadow: 1px 1px 1px 1px #C5D2DC;
	padding: 5px;
}

.featureDescription { 
	padding: 0px 10px 20px 10px;
	color: #555;
	font-size: 1.1em;
}

.featureDescription h2 {
	color: #555;
	font-size: 1.6em;
	margin-top: 0px;
}

.featureDescription h4 {
	color: #555;
	font-weight: bold;
}

.featureDescription p {
	padding-top: 10px;
}

.pageSeparator {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #ddd;
}

/*------------------ My Thumbnail --------------*/
.al-thumbnail img {
	border: 1px solid #b3b3b3;
	padding: 1px;
}

.al-thumbnail img:hover {
	border: 1px solid #0b63c7;
}

/*------------------ Info --------------*/
.info {
	font-size: 0.95em;
	border-bottom: 1px solid #d4d7db;
	/*border-right: 1px solid #d4d7db;*/
	/*border-left: 1px solid #d4d7db;*/
	border-top: 1px solid #748798;
	background-color: #f5f5f7;
	margin: -20px -20px 10px -20px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.info-birthday
{
    background-color: #f5cdd1;
    background: #f5cdd1; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5cdd1 0%, #f4c3c7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5cdd1), color-stop(100%,#f4c3c7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5cdd1 0%,#f4c3c7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5cdd1 0%,#f4c3c7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5cdd1 0%,#f4c3c7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5cdd1 0%,#f4c3c7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5cdd1', endColorstr='#f4c3c7',GradientType=0 ); /* IE6-9 */
}

/*------------------ Specs --------------*/
.reminder-section {
	margin-bottom: 10px;
	padding: 5px 7px 5px 7px;
	background-color: #fcfcfc;
	box-shadow: 0px 1px 1px 1px #efefef;
	-webkit-box-shadow: 0 1px 1px 0 #efefef;
	-moz-box-shadow: 0 1px 1px 0 #efefef;
}

/*------------------ Specs --------------*/
.specs {
	font-size: 0.95em;
	background-color: #fcfcfc;
	display: inline-block;
	box-shadow: 0px 1px 1px 1px #efefef;
	-webkit-box-shadow: 0 1px 1px 0 #efefef;
	-moz-box-shadow: 0 1px 1px 0 #efefef;
}

.spec {
	display: block;
	padding: 4px 4px 4px 10px;
}

.specKey {
	vertical-align: top;
	color: #918f8f;
 	width: 110px;
 	display: inline-block;
}

.specValue {
	vertical-align: top;
	font-weight: bold;
	color: #444;
	display: inline-block;
	padding-right: 5px;
}

/*------------------ Direct --------------*/
#direct {
	margin: -10px -20px 10px -20px;
	padding-top: 8px;
	padding-bottom: 5px;
	background: #f1c9e7; /* Old browsers */
	text-align: center;
}

/*------------ Logo ------------*/
#logo {
	font-size: 1.6em;
	font-family: 'Lucida Grande';
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
    margin-left: 0px;
}

#logo a {
	color: #beccda;
}

#logo a:hover {
	color: #eee;
}

/*------------ List ------------*/
ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

li {
	padding: 0px;
	margin: 0px;
}

/*------------ List ------------*/
ul.list-inline li {
	display: inline;
	padding: 0px 5px 0px 0px;
}

.list {
	list-style-type: disc;
	margin-left: 20px;
	padding-bottom: 10px;
}

.list li {
	padding: 3px 3px 3px 3px;
}

.container_12 {
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

.error {
	color: red;
}

.date {
	color: #656565;
}

.description {
	color: #555;
	font-size: 0.9em;
	margin-bottom: 5px;
}


.barmenu a
{
    color: #777;
}

.barmenu li {
    margin-left: 3px;
}

.barmenu li.active a {
    color: #005a8c;
}

/*------------ Vote -----------*/
.al-vote {
	display: block;
	margin: 3px 0px 5px 0px;
}

.al-button {
	color: white;
	background-color: #97aabb;
	text-align: left;
	font-size: 8pt;
	padding: 0px 5px 0px 0px;
	border: 1px solid #8292a1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
}

.al-button-follow {
	background-color: #9abeb7;
	padding-left: 5px;
}

.al-button a {
	color: white;
}

.al-bubble {
	font-size: 8pt;
	line-height: 8pt;
	color: #333;
	padding: 3px 5px 3px 5px;
	display: inline-block;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/*------------------ Menu --------------*/
.dropdown-menu-arrow::before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}

.dropdown-menu-arrow::after {
    border-bottom: 6px solid #e5edf5;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}

.pull-right > .dropdown-menu-arrow::before {
    left: inherit;
    right: 9px;
}

.pull-right > .dropdown-menu-arrow::after {
    left: inherit;
    right: 10px;
}

.nav-pills .active>a,.nav-pills .active>a:hover {
	color: white;
	background-color: #5786ac;
}

.nav>li>a:hover {
	color: white;
	background-color: #497091;
}

.nav {
	margin-bottom: 10px;
	font-size: 0.9em;
}

.nav a {
	color: #dde1e5;
}

.nav a:hover {
	color: #7a90a5;
}

.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret 
{
	border-top-color: white;
}

.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret
{
	border-top-color: white;
}

#header .dropdown-menu {
	background-color: #dbeaff;
}

.dropdown-menu a {
	color: #dde1e5;
}

.dropdown-menu .active>a
{
	color: #f5f8fa;
	background-color: #5786ac;
	/*background-image: -moz-linear-gradient(top, #849bb2, #75899e);*/
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#849bb2), to(#75899e));*/
	/*background-image: -webkit-linear-gradient(top, #849bb2, #75899e);*/
	/*background-image: -o-linear-gradient(top, #849bb2, #75899e);*/
	/*background-image: linear-gradient(to bottom, #849bb2, #75899e);*/
}

.dropdown-menu .active>a:hover
{
	color: #f5f8fa;
	background-color: #5786ac;
	/*background-image: -moz-linear-gradient(top, #92abc4, #8aa2ba);*/
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92abc4), to(#8aa2ba));*/
	/*background-image: -webkit-linear-gradient(top, #92abc4, #8aa2ba);*/
	/*background-image: -o-linear-gradient(top, #92abc4, #8aa2ba);*/
	/*background-image: linear-gradient(to bottom, #92abc4, #8aa2ba);*/
}

.dropdown-menu>li>a:hover
{
	color: #f5f8fa;
	background-color: #5786ac;
	/*background-image: -moz-linear-gradient(top, #92abc4, #8aa2ba);*/
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92abc4), to(#8aa2ba));*/
	/*background-image: -webkit-linear-gradient(top, #92abc4, #8aa2ba);*/
	/*background-image: -o-linear-gradient(top, #92abc4, #8aa2ba);*/
	/*background-image: linear-gradient(to bottom, #92abc4, #8aa2ba);*/
 }

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover 
{
	color: white;
	/*background-color: #5786ac;*/
	/*border-color: #657483;*/
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover, .nav>li.dropdown.open.active>a:focus {
    /*color: #ffffff;*/
    background-color: #5786ac;
    /*border-color: #999999;*/
}

/*.dropdown-menu>li>a:hover 
{
	color: red;
	background-color: green; 
}
 */

/*------------------ Sub Nav ---------------*/
.subnav {
	font-size: 1.2em;
	padding: 10px 0px 20px 0px;
}

/*------------------ Submenu ---------------*/
#submenu {
	font-size: 0.9em;
	padding: 10px 10px 0px 10px;
	color: white;
}

#submenu li {
	display: inline;
	padding-right: 5px;
}

#submenu a {
	color: #dde1e5;
}

.private {
	font-size: 0.9em;
	color: #888;
	display: inline;
	background-color: white;
	border: 1px solid #ccc;
	padding: 0px 3px 1px 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/*------------ Membership -----------*/
.membershipBasic {
	background-color: #8e084b;
}

/*------------------ Label -------------*/
.label a {
	color: white;
}

.label-info {
	background: #e76835;
}

.label-info:hover {
	background: #ce5525;
}

.label-regular {
	background: #c72ea4;
}

.label-regular:hover {
	background: #a32586;
}

/*------------------ Alert -------------*/
.alert-reminder {
	background-color: #f5d4c4;
	color: #c64d14;
}

/*------------------ Alert -------------*/
.flash {
	background-color: #feeffa;
	text-align: center;
	padding: 5px 10px 5px 10px;
	border: 1px dashed #fec4ef;
	font-size: 1em;
	color: #444;
}

/*------------------ Table -------------*/
.tblSuperCompact td {
    padding: 0;
}

.tblStandard th {
	text-align: center;
	font-weight: normal;
	color: #777;
	padding: 5px 20px 0px 0px;
}

.tblStandard td {
	padding: 5px 20px 5px 0px;
}

.tblCompact th {
    text-align: center;
    font-weight: normal;
    color: #777;
    padding: 1px 7px 1px 7px;
}

.tblCompact thead.line {
    border-top: 1px solid #999;
    border-bottom: 1px solid #dddddd;
}

.tblCompact thead.line th {
    padding-bottom: 5px;
}

.tblCompact td {
    padding: 1px 7px 1px 8px;
}

.tblCompact .heading {
    background-color: #e4f1d7;
}

.tblCompact .heading td {
    padding-top: 2px;
    color: #000;
    font-size: 1.1em;
}

.tblCompactLine {
    border-left: 1px solid #999;
}

.tblCompactLine td {
    border-right: 1px solid #999;
}

.tblCompactGrid {
    /*border-left: 1px solid #999;*/
}

.tblCompactGrid td {
    padding: 1px 3px 1px 3px;
    border: 1px solid #EEEEEE;
}

.rowDate td {
	padding: 0px 20px 0px 0px;
	font-size: 0.8em;
	color: #777;
}

.rowText td {
	padding: 0px 20px 8px 0px;
}

/*------------------ Form -------------*/
.well-alert {
	background-color: #fefaba;
}

/*------------------ Form -------------*/
.well-form {
	margin-top: 10px;
	padding-right: 0px;
}

.tblForm td {
	padding: 5px 20px 5px 0px;
}

.frmDate {
	width: 65px;
}

.frmDateTime {
	width: 100px;
}

.frmNumber {
	width: 40px;
	text-align: right;
}

.frmField {
	width: 190px;
}

.fieldName {
	color: #555;
	font-size: 0.9em;
}

.fieldName a {
	color: #555;
}

.fieldName.required {
	color: #000;
}

.fieldValue {
	padding-bottom: 10px;
}

.fieldAdvice {
	margin-top: -5px;
	padding-top: 0;
	font-size: 0.85em;
	color: #777;
}

/*------------------ Announcement -----------*/
.announcement {
	padding: 20px;
	margin: 10px 0px 30px 0px;
	background-color: #c4c3d8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 1.3em;
}

.announcement a {
	color: #222;
}

/*------------------ Buttons -------------*/
.buttons {
	
}

.fancyButtons {
	margin: 5px 0px 5px 0px;
}

.fancyButtons li {
	display: inline;
	margin: 0px 5px 0px 0px;
	color: white;
	display: inline;
	padding: 5px 10px 5px 10px;
}

.fancyButtons .enabled,.fancyButtons .disabled {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 1px 1px 1px #C5D2DC;
	-webkit-box-shadow: 0 1px 0 #C5D2DC;
	-moz-box-shadow: 0 1px 0 #C5D2DC;
}

.fancyButtons .enabled {
	background-color: #789f9a;
	/*	background-color: #48978d; */
}

.fancyButtons .disabled {
	background-color: #789f9a;
}

.fancyButtons li a {
	color: white;
}

/*------------------ Fancy Date -------------*/
.stock {
	
}

.stock a {
	color: #333;
}

.stockInfo {
	width: 300px;
	font-size: 1.1em;
}

.stockNickname {
	padding: 2px 3px 2px 3px;
	margin-top: 5px;
	border: 1px solid #71a5d4;
	background-color: #e4f2ff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.stockPrice {
	padding-top: 3px;
	color: #777;
	font-size: 0.9em;
}

.stockType {
	font-size: 1em;
	color: #777;
	width: 80px;
	text-align: right;
}

.stockName {
	font-size: 1.1em;
}

.stockComment {
	color: #777;
	font-size: 0.9em;
}

#addForm {
	margin-bottom: 10px;
}

/*------------------ Fancy Date -------------*/
.fancy-month {
	font-size: 1.1em;
	color: #82b1e2;
	padding-top: 20px;
}

.fancy-date {
	color: #777;
	padding-top: 10px;
	padding-bottom: 10px;
}

.fancy-weekend {
	color: #ff5e64;
}

.fancy-weekday {
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
	line-height: 1em;
	font-size: 1.25em;
}

.fancy-day {
	font-size: 2.5em;
	text-align: center;
	line-height: 1em;
}

.fancy-date.fancy-today {
	color: #4e4e50;
}

.fancy-weekend.fancy-today {
	color: #ff2d35;
}

.fancy-today-text {
	text-transform: uppercase;
	font-size: 0.85em;
	color: #0b86d3;
	text-align: center;
	margin-bottom: -10px;
}

#footer {
	margin: 0 -20px 0 -20px;
	padding: 20px 10px 30px 10px;
	background: #f0f2f6;
}

#footer-menu {
	padding: 5px 0 5px 0;
	font-size: 1.05em;
}

#footer-menu li {
	display: inline;
	padding: 2px 4px 2px 4px;
}

/*------------------ Sidemenu -----------------*/
#sidemenu {
	padding-top: 0px;
	padding-right: 10px;
	border-right: 1px solid #ddd;
}

#sidemenu #aquariumPhoto {
	padding-bottom: 5px;
}

#sidemenu h4 {
	color: #888;
	font-size: 0.75em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 15px;
	padding: 2px 0px 2px 4px;
}

#sidemenu a {
	color: #333;
}

#sidemenu li {
	padding: 3px 0px 1px 3px;
}

#sidemenu li:hover {
	background-color: #f5f7f9;
}

#sidemenu li.active {
	background-color: #e5eaef;
	font-weight: bold;
}

#sidemenu li.group {
	color: #888;
	font-size: 0.75em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 12px 0px 2px 3px;
}

#sidemenu li.group:hover {
	background-color: #FFFFFF;
}

#sidemenu i {
    width: 16px;
    display: inline-block;
}

#sidemenu li img {
	padding-top: 2px;
	padding-right: 4px;
	vertical-align: top;
}

#sidemenu .separator {
	padding: 3px;
}

/*------------------ Right Side -------------*/
.rside {
	padding-left: 20px;
}

.rcontent {
	padding-left: 10px;
	padding-bottom: 10px;
}

.rsection {
	border-top: 1px solid #afccad;
	border-bottom: 1px solid #afccad;
	background-color: #c4e2e7;
	margin: 0px 0px 10px 0px;
	padding: 2px 5px 2px 10px;
}

.rside h4 {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	display: inline;
}

.rside h4 a {
	color: #555;
}

.rside .sideLink {
	font-size: 0.9em;
	float: right;
}

.rside .sideLink a {
	color: #5196b4;
}

/*------------------ Reminder -------------*/
.pastDue a {
	color: #d93029;
}

.roundCorners {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*------------------ Banner --------------*/
.banner {
	width: 600px;
	height: 80px;
	background-color: #eef5cd;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.bannerInfo {
	color: #555;
	text-align: center;
	padding-bottom: 5px;
}

.bannerMeasurements {
	text-align: center;
}

.bannerMeasure {
	display: inline-block;
	width: 36px;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
	border: 1px solid #eef5cd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.bannerElement {
	font-size: 0.8em;
	color: white;
	text-align: center;
	display: inline-block;
	padding: 0px 3px 0px 3px;
	margin-top: 1px;
}

.bannerReading {
	color: #333;
	background-color: white;
	font-size: 0.8em;
}

.bannerUnits {
	color: #888;
	font-size: 0.7em;
	background-color: white;
}

.attachedText {
	color: #999;
	font-size: 0.85em;
}

/*------------------ Measurement ----------*/
.measureTable {
	width: 30px;
	display: inline-block;
	color: white;
	padding: 0px 3px 0px 3px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
}

.measureTable a {
	color: white;
}

.measure {
	padding: 10px 0px 10px 0px;
	width: 180px;
}

.measure td {
	padding-bottom: 18px;
}

.measure .element {
	font-size: 1.2em;
	color: white;
	text-align: center;
	display: inline-block;
	width: 30px;
	padding: 0px 3px 0px 3px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	padding: 2px 6px 2px 6px;
	margin-top: 5px;
}

.measure .reading {
	padding-top: 0px;
	padding-left: 5px;
	text-align: right;
}

.measure .chart {
	
}

.measure .value {
	font-size: 1.2em;
	padding-top: 0px;
}

.measure .units {
	font-size: 0.8em;
}

.measure .time {
	color: #888;
	text-align: right;
	font-size: 0.8em;
	margin-top: -3px;
	padding-top: 0px;
}

.measure .chart img:hover {
	border: 1px solid #c4e5c2;
}

.measure .outsideRange {
	color: #ff3b42;
}

.measure .Temperature {
	background-color: #2e7474;
}

.measure .Salinity {
	background-color: #2e4f74;
}

.measure .pH {
	background-color: #334e9b;
}

.measure .Ammonia {
	background-color: #c5346f;
}

.measure .Nitrite {
	background-color: #b39827;
}

.measure .Nitrate {
	background-color: #3e8bc3;
}

.measure .Calcium {
	background-color: #545d6c;
}

.measure .Alkalinity {
	background-color: #d93029;
}

.measure .CO2 {
    background-color: #7fa7dc;
}

.measure .Phosphate {
	background-color: #6a266f;
}

.measure .Magnesium {
	background-color: #988e85;
}

.measure .TDS {
	background-color: #847134;
}

.measure .Iron {
	background-color: #5f615c;
}

.measure .Copper {
	background-color: #e1996c;
}

.measure .Potassium {
	background-color: #878037;
}

.measure .Iodine {
	background-color: #c00160;
}

.measure .Strontium {
	background-color: #df8b01;
}

.measure .ORP {
	background-color: #07417d;
}

.measure .GH {
	background-color: #9d3778;
}

.measure .Phosphorus {
    background-color: #762841;
}

.measure .Boron {
    background-color: #80362c;
}

.measure .Chlorine {
    background-color: #09a7b2;
}

.measure .Chloramine {
    background-color: #b4af00;
}

.measure .Silicate {
    background-color: #d89a0b;
}

/*------------------ Commentary --------------*/

.commentary a {
	color: #3f83a9;
}

ul.commentary {
	padding-bottom: 5px;
	font-size: 0.95em;
}

ul.commentary li {
	display: inline;
}

.commentary li.numComments {
	width: auto;
	float: right;
}

.commentary li.time {
	color: #888;
	padding-right: 20px;
}

.commentary li.user {
	color: #888;
	padding-right: 20px;
}

/*------------------ Activity --------------*/
.activity td {
	padding-bottom: 15px;
	color: #444;
}

.activity td a {
	
}

.activityLinks {
	margin-top: 3px;
	font-size: 0.8em;
	color: #999;
}

.activityLinks a {
	color: #3687d0;
}

.activity-user {
	margin-right: 10px;
}

.activity-time {
	margin-right: 10px;
}

.activity-action {
	margin-right: 5px;
}

.activityDiaryEntry {
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	/*background: #eef7fe;*/
/* 
	border: 1px dashed #7dc1ff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
 */	
	/*box-shadow: 0 1px 1px 1px #efefef;*/
	/*-webkit-box-shadow: 0 1px 1px 0 #efefef;*/
	/*-moz-box-shadow: 0 1px 1px 0 #efefef;*/

}

.activityDiaryEntryImage {
	width: 160px;
	margin: 5px 0px 5px 0px;
}

/*------------------ Reminders --------------*/
.reminderDate {
	border-bottom: 1px solid #ddd;
	color: #333;
}

.reminderDate td {
	padding-top: 15px;
	padding-bottom: 0px;
}

.reminderType {
	color: #777;
}

.reminderType td {
	padding-top: 5px;
	padding-bottom: 0px;
}

.reminderText {
	
}

.reminderText td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
}

.dashboardReminderDate {
	font-size: 0.85em;
	color: #333;
	border-bottom: 1px solid #ddd;
}

.dashboardReminderDate td {
	padding-top: 10px;
	padding-bottom: 0px;
}

.dashboardReminderType {
	color: #999;
	font-size: 0.85em;
}

.dashboardReminderType td {
	padding-top: 0px;
	padding-bottom: 0px;
}

.dashboardReminderText {
	
}

/*------------------ Items --------------*/
.itemType {
	color: #777;
	text-align: right;
}

/*------------------ Video --------------*/
.videoName {
	padding: 5px;
	font-size: 1em;
	text-align: center;
}

.videoComment {
	color: #777;
	text-align: center;
}

/*------------------ Shared Page --------------*/
#sharedPage {
	text-align: center;
	font-size: 1.3em;
	padding: 20px 0px 30px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;

	/*
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	*/
}

/*------------------ Comments --------------*/
.comments {
	font-size: 0.95em;
	color: #555;
	margin-left: 20px;
}

.comments-flat {
	margin-left: 0px;
}

.comments li {
	padding: 7px 0px 7px 0px;
	border-bottom: 1px solid #eee;
}

.comments li.last {
	border-bottom: none;
}

.long-comment {
	padding: 5px 0px 10px 0px;
	border-bottom: 1px solid #eee;
	display: inline-block;
	clear: both;
}

.long-comment.last {
	border-bottom: none;
}

.commentLinks {
    padding-top: 5px;
	font-size: 1em;
	color: #777;
}

.commentTime {
	padding-right: 5px;
}

/*------------------ Questions --------------*/
.questions {
	font-size: 0.85em;
	color: #555;
	margin-left: 0px;
}

.questions li {
	padding: 7px 0px 7px 0px;
	border-bottom: 1px solid #eee;
}

.questions li.last {
	border-bottom: none;
}

.question {
	padding: 5px 7px 5px 7px;
	margin-bottom: 5px;
	background: #fffbef;
/* 
	border: 1px dashed #7dc1ff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
 */	
	box-shadow: 0px 1px 1px 1px #efefef;
	-webkit-box-shadow: 0 1px 1px 0 #efefef;
	-moz-box-shadow: 0 1px 1px 0 #efefef;
}

.question-subject {
	padding: 5px 0px 5px 0px;
}

.question-body {
	padding: 0px 0px 5px 0px;
}

.question-line-user {
	padding-right: 7px;
	font-weight: bold;
}

.aquarium-detail {
    padding: 5px 7px 5px 7px;
    margin-bottom: 5px;
    background: #fffdf7;
    box-shadow: 0px 1px 1px 1px #efefef;
    -webkit-box-shadow: 0 1px 1px 0 #efefef;
    -moz-box-shadow: 0 1px 1px 0 #efefef;
}


/*------------------ Help -----------------*/
.text-large {
	font-size: 1.2em;
}

.help {
	font-size: 1.2em;
	padding-top: 20px;
}

.help p {
	padding: 12px 0px 12px 0px;	
}

.helpAttention {
	font-size: 1em;
	border: 1px dashed #2e85d4;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	display: inline-block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.helpAttention a {
	text-decoration: underline;
}

#ui-datepicker-div {
	font-size: 1em;
}

/*------------------ No Image --------------*/
#noImage {
	font-size: 1em;
	border: 1px dashed #2e85d4;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#noImage a {
	color: red;
}

.noImage {
	font-size: 1em;
	border: 1px dashed #2e85d4;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*------------------ Photo --------------*/
.photo .keyPhoto {
	margin-bottom: 5px;
}

.photo .keyPhoto.inactive a {
	color: white;
}

.photo .keyPhoto.inactive:hover {
	background-color: #fffed3;
}

.photo .keyPhoto.inactive:hover a {
	color: #005a8c;
}

/*------------------ Auto Dosing --------------*/
.autoDosing .autoDosingName {
	font-size: 1.2em;
	color: #555;
	font-family: AlternateBoldFont, Arial, Verdana, sans-serif;
	height: auto;
}

.autoDosing .autoDosingDescription {
	color: #656565;
	font-size: 0.9em;
}

.autoDosing .dose {
	font-size: 1.4em;
	color: #222;
}

.typeahead {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #aaa;
	font-size: 1em;
}

/* the video */
div.the-video {
/* 	
	margin-bottom: 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
 */}

div.the-video .video {
	border: 1px solid #ffec92;
	
/* 	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
 */}
 
div.the-video .video:hover
{
	border: 1px solid #ff9792;
}

div.the-video .caption {
/* 	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #f8fdff;
 *//* 	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
 */}

div.the-video .comment {
	font-size: 0.9em;
	color: #333;
	height: 16px;
	text-align: left;
	padding: 3px 7px 3px 7px;
}

/* the photo */
div.the-shot {
	padding: 0;
	display: inline-block;
	position: relative;
	text-align: center;
	background: #f9fafb;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);*/
	/*-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);*/
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);*/
}

div.the-shot.width_1 {
	padding: 0px;
}

div.the-shot.width_1 .photo {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.the-shot.width_2 {
	padding: 0;
}

div.the-shot.large {
}

div.the-shot.small {
	width: 218px;
}

.the-shot-over {
	position: absolute;
	opacity: 0.0;
 	background: white;
	color: white;
	text-align: center;
}

a.the-shot-over {
	color: #444;
	text-decoration: none;
	
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;	
}

.the-shot-over strong {
	display: block;
	font-size: 1.1em;
	padding: 5px;
}

.the-shot-over em {
	padding: 5px 0px 5px 0px;
	display: block;
	color: #656565;
}

.the-shot-over:hover {
 	opacity: 0.85;
}

.the-shot .photo.width_4 {
	height: 196px;
}

.the-shot-over.width_4 {
	font-size: 0.9em;
	left: 0px;
	top: 0px;
	width: 298px;
	height: 196px;
	border: 1px solid #eee;
}

.the-shot-over.width_4r {
	font-size: 0.9em;
	left: 0px;
	top: 0px;
	width: 298px;
	height: 198px;
}

.the-shot-user {
	padding-top: 3px;
	text-align: right;
}

.the-shot-user a {
	color: #3e83b0;
}

.width_2 .photo {
}

.width_2 .the-shot-over {
	font-size: 0.9em;
	left: 0;
	top: 0;
	width: 140px;
	height: 95px;
/* 	border: 1px solid #eee;
 */}


.the-shot-over.small {
	font-size: 0.9em;
	left: 0px;
	top: 0px;
	width: 217px;
	height: 145px;
	border: 1px solid #eee;
}

div.the-shot .photo {
	overflow: hidden;
    /*border: 1px solid #e6e6e6;*/
    /*-webkit-border-radius: 1px;*/
    /*-moz-border-radius: 1px;*/
    /*border-radius: 1px;*/

}

div.the-shot.large .photo {
	min-height: 280px;
}

div.the-shot.small .photo {
	min-height: 130px;
}

div.the-shot .title {
	color: #555;
    font-size: 0.95em;
	padding: 5px 7px 5px 7px;
	overflow: auto;
	width: auto;
}

div.the-shot .no-photo {
	text-align: center;
	vertical-align: middle;
	font-size: 1.5em;
	color: #999;
	border: 1px solid #f2f2e1;
	background: #fcfcf9;
}

div.the-shot .title ul li {
	display: inline;
}

div.the-shot .cmnt {
	text-align: left;
	float: left;
    opacity: 0.5;
    transition: opacity 0.3s ease-out 0s;
    padding-right: 7px;
}

div.the-shot .cmnt a {
	color: #555;
	text-decoration: none;
}

div.the-shot .cmnt:hover a
{
    color: #000000;
	opacity: 1;
}

div.the-shot .highlight a {
    color: #f52558;
}

div.the-shot .cmnt.liked a {
	color: #f52558;
 	pointer-events: none;
   	cursor: default;
 }

div.the-shot .user {
	text-align: right;
	width: auto;
	float: right;
}

.activity-actions ul li {
	font-size: 0.95em;
	display: inline;
}

/*-------- Points --------------*/
.points, .points-add {
	color: #333;
	background-color: #fff635;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.points {
	padding: 1px 4px 1px 4px;
}

.points-add {
	font-size: 0.9em;
	padding: 2px 2px 2px 2px;
}

.points a {
	color: #2d81d7;
}

#submenu .points a {
	color: #2d81d7;
}

.club {
	color: white;
	display: inline-block;
	background-color: #f8f8f8;
	padding: 0px 7px 0px 7px;
	margin-bottom: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	box-shadow: 0px 1px 1px 1px #efefef;
	-webkit-box-shadow: 0 1px 1px 0 #efefef;
	-moz-box-shadow: 0 1px 1px 0 #efefef;
}

.club-Sponsor {
	background-color: #4daad8;
}

.club-Club {
	background-color: #a3e451;
}

.club-OnlineCommunity {
	background-color: #f8c058;
}

.club:hover {
	color: yellow;
}

.group:hover {
	color: #777;
	text-decoration: none;
	background-color: #dfdfdf;
}

.badge {
	color: white;
	display: inline;
	background-color: #2e85d4;
	padding: 2px 5px 2px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.privacy {
	color: white;
	background-color: #555555;
}

.fg-Free {
    color: #d4960b;
}

.fg-Basic {
    color: #25a638;
}

.fg-Pro {
    color: #2e85d4;
}

.fg-Advanced {
    color: #d0353c;
}

.badge-Free {
    background-color: #d4960b;
}

.badge-Basic {
    background-color: #25a638;
}

.badge-Pro {
    background-color: #2e85d4;
}

.badge-Advanced {
    background-color: #c23138;
}


.al-badge {
    color: white;
    display: inline;
    background-color: #2e85d4;
    padding: 2px 5px 2px 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.clr-badge {
    color: white;
    display: inline-block;
    text-align: center;
    background-color: #2e85d4;
    padding: 0px 3px 0px 3px;
    width: 23px;
    font-size: 0.9em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.weekday-badge {
	font-size: 0.8em; 
	background-color: #efefef; 
	color: #777;
	display: inline;
	padding: 2px 5px 2px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.weekday-badge.weekend {
	color: #cf1b22;
}

.badge a {
	color: white;
}

.badgeInfo {
	border: 1px solid #c1cad3;
	background-color: #edf0f2;
	padding: 2px 5px 2px 5px;
	margin: 0px 3px 0px 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.badgeInfo a {
	color: #333;
}

.aquariumBit {
    background-color: #b3b6ba;
    border: 1px solid #9b9da1;
}

.aquariumBit, .aquariumBit a {
    color: white;
}

.testimonial {
	border: 1px dashed #ccc;
	padding: 15px;
	color: #555;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.testimonial .comment {
	padding: 5px 0px 5px 0px;
}

.testimonial .by {
	
}

.iphoneScreen
{
	border: 1px solid #f2f2e1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

#hero-button-macappstore {
    display: block;
    width: 150px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 140px 45px;
    background-image: url("/img/iphone/itunes-app-store-logo.png");
    opacity: 0.5;
    transition: opacity 0.2s ease-out 0s;
}

#hero-button-android:hover{opacity:.66}

#hero-button-android {
    display: block;
    width: 150px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 150px 45px;
    background-image: url("/img/android/en_app_rgb_wo_60.png");
    opacity: 0.5;
    transition: opacity 0.2s ease-out 0s;
}

#hero-button-macappstore:hover{opacity:.66}


/*-------- Aquarium of the week --------------*/
.aquarium-of-the-week {
	background-color: #fcf9f9;
	display: inline-block;
	box-shadow: 0px 1px 1px 1px #efefef;
	-webkit-box-shadow: 0 1px 1px 0 #efefef;
	-moz-box-shadow: 0 1px 1px 0 #efefef;
	padding: 5px 10px 5px 10px;
}

/*-------- New Photo --------------*/
.new-photo
{
	position: relative;
	line-height: 0;	
	margin-bottom: 20px;
	overflow: hidden;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	background-color: #e5e5f9;
}

.new-photo a {
	color: white;
}

.new-photo.width_3
{
    width: 140px;
    height: 140px;
}

.new-photo.width_3
{
 	width: 220px;
	height: 170px;
}

.new-photo.width_4
{
 	width: 300px;
	height: 230px;
}

.new-photo .favorite
{
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    color: #ffbf00;
}

.new-photo .details
{
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 50px;
 	overflow: hidden; 
 	white-space: nowrap;
	color: #fff;
	background: #000;
	background: rgba(0,0,0,0.65);
}

.new-photo-title
{
	font: 14px/22px "Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif;
	width: 260px;
	font-size: 20px;
	line-height: 20px;
	height: 23px;
	font-weight: 100;
	letter-spacing: 1px;
	position: absolute;
	top: 6px;
	left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.width_3 .new-photo-title
{
    font-size: 13pt;
}

.new-photo-info 
{
	font: 14px/22px "Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif;
	width: 200px;
	font-size: 13px;
	line-height: 13px;
	font-weight: 200;
	position: absolute;
	bottom: 7px;
	left: 10px;
}

.new-photo.width_2 .details
{
    height: 35px;
}

.width_2 .new-photo-title
{
    font-size: 10pt;
    line-height: 10px;
}

.width_2 .new-photo-info
{
    line-height: 10px;
    bottom: 5px;
}

/* colors */
.clr-trophy {
    color: #0d88af;
}

.clr-trophy-month {
    color: #b90e72;
}

td.frm-text
{
	vertical-align: middle;
}

td.frm-check
{
	font-size: 1.4em;
	text-align: center;
}

.highlighter
{
	background-color: #fff3a5;
	padding-left: 3px; padding-right: 3px
}

.star-rating
{
	color: #fcad2a;
}

.tblGrid {
    padding: 0;
    margin: 0;
    font-size: 5px;
}

.tblGrid td {
    border: 2px solid white;
    width: 10px;
    height: 10px;
}

td.color0 {
    background: #eaeaea;
}

td.color1 {
    background: #abd2e4;
}

td.color2 {
    background: #5aa7c2;
}

td.color3 {
    background: #1f678a;
}

td.color4 {
    background: #0d3554;
}

.borderGroup {
    display:inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #ccc; padding: 0px 10px 0px 10px;
}

/* Avatar */
.avatar_05, .avatar_1, .avatar_2, .avatar_3 {
    background-color: #dbf3ff;
}

.avatar_05 {
    width: 40px;
    height: 40px;
    border-radius: 5px;
}


.avatar_1 {
    width: 65px;
    height: 65px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.avatar_1 img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


.avatar_2 {
    width: 140px;
    height: 140px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.avatar_2 img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.avatar_3 {
    width: 220px;
    height: 220px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.avatar_3 img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.platform-web {
    background-color: #cbfafd;
}

.platform-iPhone {
    background-color: #fdfbcd;
}

.platform-android {
    background-color: #cfffc5;
}

.platform-web-iPhone {
    background-color: #fde4ea;
}

.platform-web-android {
    background-color: #e0fde4;
}

.errorField {
    background-color: red;
    color: white;
}

.socialField {
    color: #3b88ff;
}