/* FONT */
@font-face {
 
font-family: TSK;
   
src: url('TikalSans-Medium-webfont.eot');
   
src: url('TikalSans-Medium-webfont.eot?#iefix') format('embedded-opentype'),
      
url('TikalSans-Medium-webfont.woff') format('woff'),
       
url('TikalSans-Medium-webfont.ttf') format('truetype'),
       
url('TikalSans-Medium-webfont.svg#TikalSansMediumMedium') format('svg');
    
font-weight: normal;
   
font-style: normal;

}

/*select:focus, textarea:focus, input[type="text"]:focus, input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px; }*/

/* Payment plan */
.paymentPlan
{
	color: white;
	background-color: #0072bc;
	width: 235px;
	float: left;
	margin-left: 15px;
	border-radius: 10px;
	border: 1.8px solid #fff;
	padding-bottom: 10px;
	-webkit-border-radius: 10px;
 	/*-webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, .10);*/
}

.paymentPlanB
{
	color: white;
	background-color: #0072bc;
	width: 235px;
	margin-left: 15px;
	float: left;
	border-radius: 10px;
	border: 1.8px solid #fff;
	padding-bottom: 10px;
	-webkit-border-radius: 10px;
 	/*-webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, .10);*/
}

.paymentHeader
{
	margin-top: 15px;
	padding-top: 23px;
	text-align: center;	
	color: black;
	background-color: white;
	
	  -webkit-box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.065);
          box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.065);
		  
border-radius: 44px 0px 0px 0px;
-moz-border-radius: 44px 0px 0px 0px;
-webkit-border-radius: 44px 0px 0px 00px;
}

#basicHeader
{
	padding-top: 23px;
	-webkit-box-shadow: inset 6px 6px 18px -5px rgba(0,114,188,1);
-moz-box-shadow: inset 6px 6px 18px -5px rgba(0,114,188,1);
box-shadow: inset 6px 6px 18px -5px rgba(0,114,188,1);
}

#proHeader
{
	padding-top: 23px;
	-webkit-box-shadow: inset 6px 6px 18px -5px rgba(248,148,6,1);
-moz-box-shadow: inset 6px 6px 18px -5px rgba(248,148,6,1);
box-shadow: inset 6px 6px 18px -5px rgba(248,148,6,1);
}

#netHeader
{
	-webkit-box-shadow: inset 6px 6px 18px -5px rgba(221,206,119,1);
-moz-box-shadow: inset 6px 6px 18px -5px rgba(221,206,119,1);
box-shadow: inset 6px 6px 18px -5px rgba(221,206,119,1);
}

/* Homepage */
#homeBackground
{
margin: 0;
padding: 0;

min-width: 1160px;
height: 55%;
width: 100%;

background: url("hb.jpg") no-repeat;
background-size: cover;
background-position: 0 0;
}

#homeBackgroundB
{
margin: 0;
padding: 0;

min-width: 1160px;
height: 80%;
width: 100%;


background-size: cover;
background-position: 0px 0px;
}


#homeHeader
{
margin: auto;
padding: auto;

color: white;
}

#homeLogin
{
height: 50px;
width: 240px;

background: url("fbsignin.png") no-repeat;
background-size: cover;
}

#homeFreePlan
{
height: 100px;
width: 575px;

margin-top: 60%;

opacity: .9;

color: #072C8A;

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

}

#homeCatch
{
font-size: 2.2em;

color: white;
}
#iSprite
{
float: left;

height: 100px;
width: 130px;

background: url("ISprite.png") no-repeat;
}

#homeIMessage
{
float: left;

padding: 8px;

font-size: 2.4em;
}

#content
{
	margin-top: 70px;
}

body
{
	font-family: TSK;
	
	margin: 0;
	padding: 0;
}

#pop_up
{
display: none;
}
/* Search */
#searchQuery
{
	width: 250px;
}
#memberSearchQuery
{
	width: 250px;
}

#searchResults
{
	position: absolute;
	left: 5px;

	width: 340px;
	
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #ccc;
	border-color: rgba(0, 0, 0, .15);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, .10);
	
	z-index: 5;
}

#memberSearchResults
{
	left: 5px;

	height: 350px;
	width: 370px;
	overflow: scroll;
	overflow-x: hidden;
	
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #ccc;
	border-color: rgba(0, 0, 0, .15);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, .10);
}

#assignedMembers
{
	left: 5px;

	height: 350px;
	width: 320px;
	overflow: scroll;
	overflow-x: hidden;
	
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #ccc;
	border-color: rgba(0, 0, 0, .15);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, .10);
}

#task_memberSearch
{
	display: none;
}
.searchResult
{
	margin: 3px;
}

.searchResultText
{
	float: left;
	margin-left: 5px;
	
	width: 240px;
}

.searchResultName
{
   font-size: 1.3em;
}

.searchResultDetail
{
	padding-top: 4px;
	color: #aaaaaa;
}

.searchResultPicture
{
	display: block;
	
	float: left;
	
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

li.searchItem
{
	display: block;
	
	width: 100%;
	
	border-radius: 5px;
}

li.searchItem:hover
{
	color: #000;
	border: 0px #cf0000 solid;
	border-left-width: 4px;
	border-right-width: 4px;
}

#searchResults li.searchItem
{
	display: block;
	
	width: 100%;
	
	border-radius: 5px;
}

#searchResults li.searchItem:hover
{
	color: #000;
	border: 0px #cf0000 solid;
	border-left-width: 4px;
	border-right-width: 4px;
}

/* Bootstrap override */
.navbar-inner .dropdown-toggle
{
	border-radius: 20px;
	/*background-color: hsl(357, 100%, 43%) !important;*/
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf0000", endColorstr="#cf0000");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cf0000), to(#cf0000));
  background-image: -moz-linear-gradient(top, #cf0000, #cf0000);
  background-image: -ms-linear-gradient(top, #cf0000, #cf0000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf0000), color-stop(100%, #cf0000));
  background-image: -webkit-linear-gradient(top, #cf0000, #cf0000);
  background-image: -o-linear-gradient(top, #cf0000, #cf0000);
  background-image: linear-gradient(#cf0000, #cf0000);
  border-color: #cf0000 #cf0000 hsl(357, 100%, 42%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
  -webkit-font-smoothing: antialiased;
}

.navbar-inner #groupDropdownCustom .dropdown-toggle
{
	border-radius: 2px;
	padding-top: 2px;
	height: 35px;

	/*background-color: hsl(357, 100%, 43%) !important;*/
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf0000", endColorstr="#cf0000");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cf0000), to(#cf0000));
  background-image: -moz-linear-gradient(top, #cf0000, #cf0000);
  background-image: -ms-linear-gradient(top, #cf0000, #cf0000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf0000), color-stop(100%, #cf0000));
  background-image: -webkit-linear-gradient(top, #cf0000, #cf0000);
  background-image: -o-linear-gradient(top, #cf0000, #cf0000);
  background-image: linear-gradient(#cf0000, #cf0000);
  border-color: #cf0000 #cf0000 hsl(357, 100%, 42%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
  -webkit-font-smoothing: antialiased;
}

.navbar-inner #profileButton .dropdown-toggle
{
	border-radius: 10px;
	background-color: hsl(357, 100%, 43%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf0000", endColorstr="#cf0000");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cf0000), to(#cf0000));
  background-image: -moz-linear-gradient(top, #cf0000, #cf0000);
  background-image: -ms-linear-gradient(top, #cf0000, #cf0000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf0000), color-stop(100%, #cf0000));
  background-image: -webkit-linear-gradient(top, #cf0000, #cf0000);
  background-image: -o-linear-gradient(top, #cf0000, #cf0000);
  background-image: linear-gradient(#cf0000, #cf0000);
  border-color: #cf0000 #cf0000 hsl(357, 100%, 42%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
  -webkit-font-smoothing: antialiased;
}

#dropdownCustom > li > ul > li > a:hover
{
color: #000;
/*background: url("redArrow.png") no-repeat;*/

background-color: #fabdb3;
border: 0px white solid;
border-left-width: 4px;
border-right-width: 4px;
-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

#profileButton > li > ul > li > a:hover
{
color: #000;
/*background: url("redArrow.png") no-repeat;*/

background-color: #fabdb3;
border: 0px white solid;
border-left-width: 4px;
border-right-width: 4px;
-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

#moreDropdownCustom > li > ul > li > a:hover
{
color: #000;
/*background: url("redArrow.png") no-repeat;*/

background-color: #fabdb3;
border: 0px white solid;
border-left-width: 4px;
border-right-width: 4px;
-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

#groupDropdownCustom > li > ul > li > a:hover
{
color: #000;
/*background: url("redMarkC.png") no-repeat;*/

background-color: #fabdb3;
border: 0px white solid;

border-left-width: 4px;
border-right-width: 4px;
-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
          
}

#navbarCustom .navbar-inner
{
padding-top: 3px;
min-height: 45px;
/*background: url("background.jpg") no-repeat;*/
background-color: #003261;
background-size: 100%;
background-position: 0px -820px;
-webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
          box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
}


.navbar .navbar-inner .nav li a {
	color: #000;
	padding-top: 15px;
	padding-bottom: 15px;
	text-shadow: none;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: background 0.1s linear,opacity 0.1s linear;
	-moz-transition: background 0.1s linear,opacity 0.1s linear;
	-ms-transition: background 0.1s linear,opacity 0.1s linear;
	-o-transition: background 0.1s linear,opacity 0.1s linear;
	transition: background 0.1s linear,opacity 0.1s linear;
	-webkit-font-smoothing: antialiased;			
	opacity: .9;
	font-weight: 600;
}
.navbar .navbar-inner .nav li a:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	/*color: #000;
	opacity: 1;*/
}

/* bUploadForm */
#uploadPicture
{
height: 128px;
width: 128px;

-webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
-webkit-box-shadow: 2px 2px 3px -1px rgba(48, 50, 50, 1);
-moz-box-shadow:    2px 2px 3px -1px rgba(48, 50, 50, 1);
box-shadow:         2px 2px 3px -1px rgba(48, 50, 50, 1);
}

.progress
{
width: 130px;
}
/*
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}

#fileupload 
{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
*/

.submitButton {
	height: 45px;
	min-width: 120px;
	
	font-size: 1.5em;
	
	background: #fff;
	color: #072C8A;
	-webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
	border: 4px #072C8A solid;
	-webkit-transition: background 0.1s linear,opacity 0.1s linear;
	-moz-transition: background 0.1s linear,opacity 0.1s linear;
	-ms-transition: background 0.1s linear,opacity 0.1s linear;
	-o-transition: background 0.1s linear,opacity 0.1s linear;
	transition: background 0.1s linear,opacity 0.1s linear;
 background-image: -webkit-linear-gradient(top, #fff, #F2F1F0);
 background-image: -moz-linear-gradient(top, #fff, #F2F1F0);
 background-image: -ms-linear-gradient(top, #fff, #F2F1F0);
 background-image: -o-linear-gradient(top, #fff, #F2F1F0);
 background-image: linear-gradient(to bottom, #fff, #F2F1F0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff,endColorstr=#F2F1F0); 
}

.submitButton:hover {
	background: #072C8A;
	color: white;
}

.resultStatusYes {
	float: right;
	
	padding: 3px;

	height: 20px;
	width: 80px;
	
	text-align: center;
	
	background: #fff;
	color: #072C8A;
	border: 2px #072C8A solid;
	transition: background 0.1s linear,opacity 0.1s linear;
 background-image: -webkit-linear-gradient(top, #fff, #F2F1F0);
 background-image: -moz-linear-gradient(top, #fff, #F2F1F0);
 background-image: -ms-linear-gradient(top, #fff, #F2F1F0);
 background-image: -o-linear-gradient(top, #fff, #F2F1F0);
 background-image: linear-gradient(to bottom, #fff, #F2F1F0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff,endColorstr=#F2F1F0); 
}

.resultStatusNo {
	float: right;
	
	padding: 3px;

	height: 20px;
	width: 100px;
	
	text-align: center;
	
	background: #fff;
	color: #072C8A;
	border: 2px #072C8A solid;
 background: #e5e5e5; /* Old browsers */
 background: -moz-linear-gradient(top,  #e5e5e5 1%, #c9c9c9 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #e5e5e5 1%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #e5e5e5 1%,#c9c9c9 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #e5e5e5 1%,#c9c9c9 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #e5e5e5 1%,#c9c9c9 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */

}


.toggleButtonYes {
	height: 35px;
	width: 200px;
	
	background: #fff;
	color: #072C8A;
	-webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
	border: 2px #072C8A solid;
	-webkit-transition: background 0.1s linear,opacity 0.1s linear;
	-moz-transition: background 0.1s linear,opacity 0.1s linear;
	-ms-transition: background 0.1s linear,opacity 0.1s linear;
	-o-transition: background 0.1s linear,opacity 0.1s linear;
	transition: background 0.1s linear,opacity 0.1s linear;
 background-image: -webkit-linear-gradient(top, #fff, #F2F1F0);
 background-image: -moz-linear-gradient(top, #fff, #F2F1F0);
 background-image: -ms-linear-gradient(top, #fff, #F2F1F0);
 background-image: -o-linear-gradient(top, #fff, #F2F1F0);
 background-image: linear-gradient(to bottom, #fff, #F2F1F0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff,endColorstr=#F2F1F0); 
}

.toggleButtonNo {
	/*background: #072C8A;
	color: white;
	0C4FF7*/
	height: 35px;
	width: 200px;
	
	background: #fff;
	color: #072C8A;
	-webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
	border: 2px #072C8A solid;
	-webkit-transition: background 0.1s linear,opacity 0.1s linear;
	-moz-transition: background 0.1s linear,opacity 0.1s linear;
	-ms-transition: background 0.1s linear,opacity 0.1s linear;
	-o-transition: background 0.1s linear,opacity 0.1s linear;
	transition: background 0.1s linear,opacity 0.1s linear;
 background: #e5e5e5; /* Old browsers */
 background: -moz-linear-gradient(top,  #e5e5e5 1%, #c9c9c9 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #e5e5e5 1%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #e5e5e5 1%,#c9c9c9 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #e5e5e5 1%,#c9c9c9 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #e5e5e5 1%,#c9c9c9 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */

}

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

}

.normalButton {
	height: 30px;
	width: 120px;
	
	background: #fff;
	color: #072C8A;
	-webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
	border: 2px #F2F1F0 solid;
	-webkit-transition: background 0.1s linear,opacity 0.1s linear;
	-moz-transition: background 0.1s linear,opacity 0.1s linear;
	-ms-transition: background 0.1s linear,opacity 0.1s linear;
	-o-transition: background 0.1s linear,opacity 0.1s linear;
	transition: background 0.1s linear,opacity 0.1s linear;
 background-image: -webkit-linear-gradient(top, #fff, #F2F1F0);
 background-image: -moz-linear-gradient(top, #fff, #F2F1F0);
 background-image: -ms-linear-gradient(top, #fff, #F2F1F0);
 background-image: -o-linear-gradient(top, #fff, #F2F1F0);
 background-image: linear-gradient(to bottom, #fff, #F2F1F0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff,endColorstr=#F2F1F0); 
}

.normalButton:hover {
	background: #072C8A;
	color: white;
	/*0C4FF7*/
}


.optionButton {
	height: 30px;
	width: 120px;
	
	background: #fff;
	color: #072C8A;
	-webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
	border: 2px #F2F1F0 solid;
	/*-webkit-transition: background 0.1s linear,opacity 0.1s linear;
	-moz-transition: background 0.1s linear,opacity 0.1s linear;
	-ms-transition: background 0.1s linear,opacity 0.1s linear;
	-o-transition: background 0.1s linear,opacity 0.1s linear;
	transition: background 0.1s linear,opacity 0.1s linear;
 background-image: -webkit-linear-gradient(top, #fff, #F2F1F0);
 background-image: -moz-linear-gradient(top, #fff, #F2F1F0);
 background-image: -ms-linear-gradient(top, #fff, #F2F1F0);
 background-image: -o-linear-gradient(top, #fff, #F2F1F0);
 background-image: linear-gradient(to bottom, #fff, #F2F1F0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff,endColorstr=#F2F1F0); */
}

.optionButton:hover {
	background: #072C8A;
	color: white;
	/*0C4FF7*/
}

/* Ranks */
#rank
{
display: inline-table;
}

.rankPremium
{
	height: 50px;
	width: 50px;
	
	background: url("ranksSpriteB.png") no-repeat;
	background-position: 4px 0;
}

.rankA
{
	height: 50px;
	width: 50px;
	
	background: url("ranksSpriteB.png") no-repeat;
	background-position: -38px 0;
}

.rankB
{
	height: 50px;
	width: 50px;
	
	background: url("ranksSpriteB.png") no-repeat;
	background-position: -84px 0;
}

.rankC
{
	height: 50px;
	width: 50px;
	
	background: url("ranksSpriteB.png") no-repeat;
	background-position: -130px 0;
}

.rankD
{
	height: 50px;
	width: 50px;
	
	background: url("ranksSpriteB.png") no-repeat;
	background-position: -180px 0;
}

.rankA_mini
{
	height: 25px;
	width: 25px;
	
	background: url("miniRanksSprite.png") no-repeat;
	background-position: -38px 0;
}

.rankB_mini
{
	height: 50px;
	width: 50px;
	
	background: url("miniRanksSprite.png") no-repeat;
	background-position: -84px 0;
}

.rankC_mini
{
	height: 50px;
	width: 50px;
	
	background: url("miniRanksSprite.png") no-repeat;
	background-position: -130px 0;
}

.rankD_mini
{
	height: 50px;
	width: 50px;
	
	background: url("miniRanksSprite.png") no-repeat;
	background-position: -180px 0;
}

.rankA_small
{
	height: 36px;
	width: 36px;
	
	background: url("smallRanksSprite_clear.png") no-repeat;
	background-position: -25px 0;
}

.rankB_small
{
	height: 36px;
	width: 36px;
	
	background: url("smallRanksSprite_clear.png") no-repeat;
	background-position: -55px 0;
}

.rankC_small
{
	height: 36px;
	width: 36px;
	
	background: url("smallRanksSprite_clear.png") no-repeat;
	background-position: -84px 0;
}

.rankD_small
{
	height: 36px;
	width: 36px;
	
	background: url("smallRanksSprite_clear.png") no-repeat;
	background-position: -118px 0;
}

/* Email Sender */
#editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate; 
	border: 1px solid rgb(204, 204, 204); 
	padding: 4px; 
	box-sizing: content-box; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; 
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}
#voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  -moz-transform: scale(2.0, 2.0);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
}

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-menu a {
  cursor: pointer;
}

/* Pop up */
#popText
{
	float: left;
	margin-left: 5px;
	
	width: 80%;
}

#popName
{
   font-size: 1.3em;
}

#popDetail
{
	padding-top: 4px;
	color: #aaaaaa;
}

#popPicture
{
	display: block;
	
	float: left;
	
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

#popMoreDetails
{
	display: block;
	
	clear: both;
}

#popSettings
{
	display: block;
	
	clear: both;
}

/* More */
.moreDiv{
display: none;
}

/* FIXES */
a, .modal-open .modal,.btn:focus{
    outline:none!important
}

/* Member Editor */
#memberEditor {
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 5px;
	display: none;
	
	background: #fff;
	color: #072C8A;
	
	-webkit-transition: background 0.1s linear,opacity 0.1s linear;
	-moz-transition: background 0.1s linear,opacity 0.1s linear;
	-ms-transition: background 0.1s linear,opacity 0.1s linear;
	-o-transition: background 0.1s linear,opacity 0.1s linear;
	transition: background 0.1s linear,opacity 0.1s linear;
/* background-image: -webkit-linear-gradient(top, #fff, #F2F1F0);
 background-image: -moz-linear-gradient(top, #fff, #F2F1F0);
 background-image: -ms-linear-gradient(top, #fff, #F2F1F0);
 background-image: -o-linear-gradient(top, #fff, #F2F1F0);
 background-image: linear-gradient(to bottom, #fff, #F2F1F0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff,endColorstr=#F2F1F0); */
 -webkit-box-shadow: 0px 0px 2px 0px rgba(48, 50, 50, 1);
-moz-box-shadow:    0px 0px 2px 0px rgba(48, 50, 50, 1);
box-shadow:         0px 0px 2px 0px rgba(48, 50, 50, 1);
}

/* Network Dashboard */
#dashNetworkGroupsList
{
	padding-top: 15px;
	padding-bottom: 4px;
	
	height: 350px;
	
	overflow: scroll;
	overflow-x: hidden;
}

.dashNetworkElement
{
	display: block;
	
	float: left;
	
	margin: 3px;
	
	height: 150px;
	width: 97px;	
}

.dashSelectedNetworkElement
{
	border: 1px red solid;
}

.dashNetworkTotals
{
	margin-top: 1.3em;
	
	font-size: .8em;
}

#networkHeader
{
	display: block;
}

#networkTitle
{
	display: block;
	
	margin-top: 22px;
	
	font-size: 0.3em;
}

#networkPic
{
	display: block;
	
	float: left;
	
	margin-left: 30px;
}

#networkName
{
	display: block;
	
	float: left;
	margin-left: 10px;
	padding-top: 30px;
	
	font-size: 4em;
}

/* Dashboard */
#dashGroupsList
{
	padding-bottom: 4px;
	
	height: 125px;
	
	overflow: scroll;
	overflow-x: hidden;
}

.dashGroupElement
{
	margin-bottom: 50px;
	width: 130px;
	float: left;
}

.dashGroupPic
{
	padding-left: 5px;
	
	height: 80px;
	width: 80px;
	
	-webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
	border: 0px #072C8A solid;
	border-bottom-width: 4px;
}

.dashGroupName
{
	position: relative;
	top: 5px;
	
	width: 100px;
	
	background-color: white;
	
	opacity: .93;
	
	line-height: 1em;
	
	text-align: center;
}

#taskConfirm
{
	float: right;
}

.taskTitle
{
	height: 28px;
	width: 200px;
	
	-webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
	border: 0px #d3d2d1 solid;
	border-bottom-width: 2px;
}

/* Task assignee confirmations */
#assigneeSearchQuery
{
	width: 250px;
}
#assigneeSearchResults
{
	left: 5px;

	width: 340px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #ccc;
	border-color: rgba(0, 0, 0, .15);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, .10);
}

/* Modal styling */
#myModal
{
	-webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
	
	transition:visibility 0s linear .2s,opacity .4s linear;
	
	height: 600px;
}

#popUp
{
	-webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
	
	transition:visibility 0s linear .2s,opacity .4s linear;
	
	height: 230px;
}

#popDel
{
	-webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
	
	transition:visibility 0s linear .2s,opacity .4s linear;
	
	height: 230px;
}

.modal-body
{
	height: 440px;
	max-height: 510px;
}

.modal-header
{
	border: 0px #072C8A solid;
	border-top-width: 2px;
	border-left-width: 6px;
}

#dashEventsPanel
{
	margin-top: 20px;	
}

/* PRO ICON */
.icon-pro {
    background-position: -144px 0;
}
/*
[class^="icon-pro"],
[class*=" icon-pro"] {
  display: inline-block;
  width: 36px;
  height: 16px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/HuddleUp/images/PRO.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}*/

.navbar-collapse
{
max-height: none;	
}

.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}

#homePlan
{
margin-top: -80px;
width: 575px;	
}

#homeGraphic
{
float: left;

height: 400px;
width: 400px;
}

#homeExamples
{
float: left;

height: 400px;
width: 175px;
}

#homeMessage
{
clear: both;
height: 60px;

margin-left: 20px;

color: white;
font-size: 1.6em;

text-shadow: 2px 1.6px 1.2px #050505;
}

#login
{
margin-top: 15px;
margin-left: 20px;	
}

#homeSlogan
{
clear: both;
height: 30px;

color: white;
font-size: 2.3em;
}



/* For iphone: */
@media screen and (max-width : 480px)
{

.paymentPlanB
{
	color: white;
	background-color: #0072bc;
	width: 270px;
	float: left;
	margin-left: 185px;
	border-radius: 10px;
	border: 1.8px solid #fff;
	padding-bottom: -50px;
	-webkit-border-radius: 10px;
 	/*-webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, .10);*/
}

}