/* @override 
	http://dev.treasuremytext.com/cgi-bin/WebObjects/Treasuremytext.woa/-52052/wr/wodata=/Users/paulstringer/Work/Dev/svn/TMT/TreasuremytextCommon/build/TreasuremytextCommon.framework/WebServerResources/style-launch.css?v=0100509
	http://www.treasuremytext.com/WebObjects/Frameworks/TreasuremytextCommon.framework/WebServerResources/style-launch.css?v=100509
	http://dev.treasuremytext.com/cgi-bin/WebObjects/Treasuremytext.woa/-52052/wr/wodata=/Users/paulstringer/Work/Dev/svn/Treasuremytext/trunk/TreasuremytextCommon/build/TreasuremytextCommon.framework/WebServerResources/style-launch.css?v=130509
	http://dev.treasuremytext.com/cgi-bin/WebObjects/Treasuremytext.woa/-52052/wr/wodata=/Users/paulstringer/Work/svn/Treasuremytext/trunk/TreasuremytextCommon/build/TreasuremytextCommon.framework/WebServerResources/style-launch.css?v=110709
	http://dev.treasuremytext.com/cgi-bin/WebObjects/SMSView.woa/-52053/wr?wodata=file%3A%2FUsers%2Fpaulstringer%2FWork%2Fsvn%2FTreasuremytext%2Ftrunk%2FTreasuremytextCommon%2Fbuild%2FTreasuremytextCommon.framework%2FWebServerResources%2Fstyle-launch.css
	http://dev.treasuremytext.com/cgi-bin/WebObjects/SMSView.woa/-52053/wr/wodata=/Users/paulstringer/Work/svn/Treasuremytext/trunk/TreasuremytextCommon/build/TreasuremytextCommon.framework/WebServerResources/style-launch.css
	http://smsview.treasuremytext.com/SMSView/wr/wodata=/Users/paulstringer/Work/svn/Treasuremytext/trunk/TreasuremytextCommon/build/TreasuremytextCommon.framework/WebServerResources/style-launch.css
	http://smsview-dev.treasuremytext.com/cgi-bin/WebObjects/SMSView.woa/-52053/wr/wodata=/Users/paulstringer/Work/svn/Treasuremytext/trunk/TreasuremytextCommon/build/TreasuremytextCommon.framework/WebServerResources/style-launch.css
	http://smsview-dev.treasuremytext.com/cgi-bin/WebObjects/SMSView.woa/-64091/wr/wodata=/Users/paulstringer/Work/svn/Treasuremytext/trunk/TreasuremytextCommon/build/TreasuremytextCommon.framework/WebServerResources/style-launch.css
	http://smsview-dev.treasuremytext.com/cgi-bin/WebObjects/SMSView.woa/-50124/wr/wodata=/Users/paulstringer/Work/svn/Treasuremytext/trunk/TreasuremytextCommon/build/TreasuremytextCommon.framework/WebServerResources/style-launch.css
*/

/* @group Layout */

* {
	margin		: 0;
	padding		: 0;
}

html {
	text-align		: center;
	margin			: 0 0 0 0;
	font-size		: 62.5%
}

body {
	text-align		: left;
	font-family		: Trebuchet, "Helvetica Neue", Arial, Helvetica,Geneva, sans-serif;
	font-size		: 1.2em;
	line-height		: 1.5em;
	padding			: 0;
	margin			: 0;
	height			: 100%;
}

#parent{
	display: block;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	_height:100%;
}

#container{
	margin-right	: auto;
	margin-left		: auto;
	width			: 925px;
}

#wrapper {
	background-color: #fff;
	font-size		: 1.0em;
	margin			: 1em;
	height			: 100%;
}

#wrapper.main {
	margin		: 0em;
}

#content{
	font-size 		: 1.2em;
	line-height		: 1.5em;
	float			: right;
	margin			: 0 auto;
	width			: 70%;
}

/* @end */

/* @group Footer */

#footerSpacer{
	padding-bottom		: 120px;
}

#footerWrapper {
    position		: absolute;
	bottom			: 0px;
	width			: 100%;
}

#footer {
	background-color: #38393a;
	font-size 		: 90%;
	padding			: 20px;
	line-height		: 1.5em;
	color			: #ccc;
	border-top		: 5px solid #333;
	margin			: 0 auto;
	width			: 886px;
	height			: 100%;
}

#footer ul li a{
	font-size 		: 1.1em;
	color			: #ccc;
	text-decoration	: none;
}

#footer a:hover{
	background		: none;
	text-decoration		: underline;
}

#footer ul{
	float		: left;
	list-style	: none;
	margin-top	: 0;
	margin-right: 2.25em;
	border-left	: 1px solid #666;
	display		: block;
	padding-left: 0;
}

#footer ul li{
	color			: darkgray;
	padding 		: 0 5px 0 5px;
}
#footer #copynote{
	float		: right;
	color		: #666;
	font-size	: 1.0em;
}

#footer img#getsatisfaction{
	width:60px;
	height:16px; 
}
/* @end */

/* @group Headers */

h1, h2, h3, h4 ,h5, h6 {
	color			: #333;
}

h1 {
	font-size	 	: 1.5em;
}

h2 {
	font-size	 	: 1.2em; 
}

h3 {
	font-size		: 1.0em;
}

h4 {
	font-size		: 0.8em;
}

/* @end */

/* @group Page Links */
a{
	text-decoration	: underline;
	color			: darkcyan;
	outline			: none;
}

a:hover{
	background-color: lightskyblue;
	text-decoration	: none;
	color			: white;
}

#sideNavigation div.item div.itemName a.smsLink{
	text-decoration	: underline;
	color			: #008ca2;
	border			: none;
	outline			: none;
}

#sideNavigation div.item div.itemName a.smsLink:hover{
	background-color: lightskyblue;
	text-decoration	: none;
	color			: white;
}

a.nohover:hover{
	background		: none !important;
	text-decoration	: none;
}

a.nohover{
	background		: none;
	text-decoration	: none;
}

a.nocolour:hover{
	background-color: lightskyblue;
	text-decoration	: none;
}

a.nocolour{
	background		: none;
	color			: #fff;
	text-decoration	: underline;
}

a img{
	vertical-align	:middle;
	border		: none;
	outline		: none;
}

a:active { outline: none !important;  }
a:focus{-moz-outline-style: none;}

/* @end */

/* @group Top Bar Navigation */

/* Header */

#navigation {
	float			: right;
	padding-top		: 10px;
}

#navigation ul{
	font-size		: larger;
	padding			: 0;
	margin			: 0;
}

#navigation ul li{
	list-style		: none;
	display			: inline;
	margin			: 0;
}

#navigation ul li.selected a{
	color		: lightblue !important;
	text-decoration		: none;
}

#navigation ul li a{
	color:white;
}

#navigation ul li a:hover{
}

#navigation strong{
	font-weight			: normal;
}

#navigation img#userIcon {
	border			: 1px solid grey;
	background		: white;
	height			: 21px;
	width			: 21px;
	padding			: 2px;
	margin-bottom	: 2px;
	vertical-align	: middle;
	position		: relative;
	text-align		: middle;
	margin-right	: 5px;
}

/* @end */

/* @group Side Navigation */

.icon.contacts{
	background-image	:url('/images/icons/contacts.gif');
}

.icon.folder{
	background-image	: url('/images/icons/folder.gif');
}

.icon.private{
	background-image	: url('/images/icons/private.gif');
}

.icon.account{
	background-image	: url('/images/icons/account.gif');
}

.icon.friends{
	background-image	: url('/images/icons/group.gif');
}

.icon.lock{
	background-image	: url('/images/icons/lock.gif');
}

.icon.trash{
	background-image	: url('/images/icons/trash.gif');
}


div.infoString-icons a.icon img {
	float		: right;
}

img.icon{
	opacity		: 0.8;
}

img.icon:hover{
	opacity		: 1;
	background	: none!important;
}

img.flag {
    margin		: 35px 0 0 -12px;
    position	: relative;
    float		: left;
    height		: 11px;
    width		: 16px;
}

#toolBar img.flag {
    margin		: 35px 5px 0 -21px;
    float		: left !important;
}

#sideNavigation #UserContacts img.contact {
    float		: left;
    margin-right: 7px;
}

#sideNavigation #UserContacts img.badge {
    margin:18px 0 0 20px;
}

.contact img.badge {
    margin		: 18px 0 0 -13px;
    position	: absolute;
    float		: left;
    height		: 12px;
    width		: 12px;
}

#sideNavigation{
	background-color: #f7f7f7;
	width			: 25%;
	padding			: 10px 10px 0px 15px;
	float			: left;
}

#sideNavigation div.label, #TB_ajaxWindowTitle{
	font-weight		: bold;
	color			: #333;
	font-size		: 1.1em;
	margin-bottom	: 5px;
	height			: 1.3em;
	overflow		: hidden;
}

#sideNavigation div.action {
	position		: relative;
	float			: right;
	align			: right;
}


#sideNavigation div.label span.labelText{
	display			:block;
	float			:left;
	text-shadow		: #ccc 3px 3px 3px;
}

#sideNavigation div.subgroup div.label span.labelText, #sideNavigation div.subgroup a{
	font-size		: smaller;
}

#sideNavigation div.item{
	background		: none;
	padding			: 2px 0px 2px 5px;
	font-weight		: normal;
	color			: grey;
	margin			: 0;
}

#sideNavigation div.item div.itemDetail, #sideNavigation div.item img.loader{
	float		: right;
	position	: relative;
	top			:-18px;
	left		:-5px;
}

#sideNavigation div.item.contact div.itemDetail{
	top			:-28px
}

#sideNavigation div.item div.itemName a{
	color			: grey;
	text-decoration	: none;
	margin			: 0;
	padding			: 0;
}


#sideNavigation div.label.icon{	
	display		: block;
	padding		: 0px 0 0px 25px;
	background	: no-repeat;
	line-height	: 21px;
}

#sideNavigation div.group{
	margin-bottom	: 10px;
	list-style		: none;
	padding-bottom	: 10px;
	border-bottom	: 1px solid #e3e3e3;
}

#sideNavigation div.subgroup{
}

#sideNavigation div.subgroup .label{
	color		: grey;
	font-weight		: normal;
}


#sideNavigation div.item.contact {
	line-height		: 27px;
}

#sideNavigation div.contact img.contact {
	height		: 24px;
	width		: 24px;
	padding		: 1px;
	vertical-align: middle;
	margin-right: 3px;
}

#sideNavigation div.selected, #sideNavigation div.selected div.itemName a{
	background		: lightgrey;
	font-weight		: bold;
	color			: #000;
}

#sideNavigation div.itemName a {
	color			: black;
	text-decoration	: none;
	margin			: 0;
	padding			: 0;
}

#sideNavigation div.itemName a:hover {
	color			: black;
	background		: none;
	text-decoration	: underline !important;
}

#sideNavigation img.inline{
	height 			: 24px;
	width 			: 24px;
	margin			: 0 0.5em 0 -0.5em;
	border			: 1px solid silver;
	padding			: 1px;
}

#sideNavigation input, #sideNavigation select {
	width			: 100%;
	margin-bottom	: 0.3em;
}

#sideNavigation ul.thumbs  li {
	display		: inline;
}

#sideNavigation ul.thumbs{
	margin		: 0 0 10px 0px;
	padding		: 0;
}

#sideNavigation ul.thumbs li img.contact{
	margin			: 1px;
	float			: left;
	width			: 22px;
	height			: 22px;
}

img.disabled{
	opacity :0.33;
	filter: alpha(opacity = 33);
}

#sideNavigation div ul div.label {
	margin-bottom		: 0px;
}

#sideNavigation .note{
	font-size: 1em;
	margin-bottom: 0.3em;
	display		: block;
	line-height	: 1.2em;
	color		: gray;
}

span#note {
	font-size	:0.9em;
	color		: #2f4f4f;;
}




#sideNavigation #Contact-new{
	display:none;
}
/* @end */

/* @group Toolbar */
#toolBar img.contact{
	border			: 1px solid lightgrey;
	float			: left;
	margin-right	: 10px;
	margin-top		: -2px;
	padding-left	: 0px;
	margin-left		: 0px;
}

#toolBar #toolbarInfo{
	width		: auto;
}

#toolBar #toolbarInfo.icon{
	padding-left: 80px;	
}


#toolBar #toolbarInfo h2{
	font-size		: 1.0em;
	color			: grey;
	font-weight		: normal;
	line-height		: -1;
}

#toolbarInfo div.toolbarActions {
	margin-top		: 0em;
}

#toolBar #toolbarInfo a{
	font-size		: 0.9em;
	font-weight		: bold;
}

#toolBar #toolbarIcons{
	width		: 80px;
	float		: right;
}

#toolbarInfo #toolbarActions{
}

#toolbarInfo h1{
	width		: auto;
}

#toolbarInfo h1 span#editable{
	cursor		: pointer;
}

#toolBar a{
	font-size:smaller;
	font-family:arial;
}

#toolBar img {
	border			: 0px;
	margin			: 0 0 0 10px;
	float			: right;
	clear			: none;
}

#toolBar ul {
	border-bottom	: 0px solid black;
	clear			: both;
}

/* @end */

/* @group Widgets */

#emptyMessageAlert{
	font-weight	: bold;
	text-align	: center;
	margin		: 20% 0;
	color		: #ccc;
	background	: #666;
	padding		: 2em 1em;
	border		: 1px dotted;
	border-color: #999;
}

#alert span.note {
	font-size		: 0.8em;
	font-family		: courier;
	font-weight		: normal;
	line-height		: normal;
	display		: block;
	border		: 1px dotted black;
	text-align		: left;
	padding		: 1em;
	margin-top		: 1em;
}

.warn{
	color		:	red !important;
}

#wrapper #notification{
	padding		: 5px 10px 5px 10px;
	font-size 	: 1em;
	font-weight	: normal;
	text-align	: center;
	margin		: 0;
	color		: #ccc;
	background	: #666;
	border		: 1px dotted;
	border-color: #999;
}

#emptyMessageAlert h1{
	color		: #ccc;
	font-weight		: normal;
}


#emptyMessageAlert span.note{
	font-size	:0.8em;
	color		: #e6e6e6;
}

#createAccountButton{
	background	: transparent url('/images/core/launch/bkgd_sprites_b.png') no-repeat -477px -0px;
	height		: 80px;
	width		: 380px;
	text-align	: center;
	color		: green;
	font-weight		: bold;
	line-height		: 55px;
	margin-top		: 10px;
	margin-left		: 20px;
	font-size		: 1.4em;
	text-transform		: capitalize;
	text-shadow		: #fff 1px 1px 0;
}

#createAccountButton:hover{
	background-position		: -477px -79px;
	cursor		: pointer;
}


#header img#home{
	float : left;
}

hr {
	border		: none;
	border-bottom	: 1px solid lightgrey;
	clear:both;
}
/* Ajax Inplace editing */
input.editable {
	font-size	: inherit;
	width		: auto;
}

.editable {
	background	: #baddff;
	width		:auto;
	cursor		:pointer;
}

.editable:hover{
	background : lightskyblue}

#tip {
	margin			: 0;
	padding			: 1px;
	font-size		: small;
	background-color: yellow;
	border			: none;
}

#colorwell {
	border			: 1px solid silver;
	width			: 20px;
	height			: 20px;
	margin:0;
	padding:0;
	margin-left		: 5px;
}

#alert, .alert {
	width			: 100%;
	color			: #333;
	border			: 2px solid #c4c126;
	background		: #ffff99;
	text-align		: center;
	width			: auto;
	padding			: 1em;
	margin			: 0.5em 0 0.5em 0;
	font-size		: 110%;
	font-weight		: normal;
	list-style-type : none;
}

#mainLogin span.alert {
	padding		: 0.5em;
	font-size	: 80%;
}


#alert ul {
	list-style-type:none;
}

img.contact {
    border		: solid 1px silver;
    padding		: 2px;
    height		: 48px;
    width		: 48px;
}


#batchNavigation {
}

#batchPaging {
	float		: left;
}

#batchJumps {
	float		: right;
}

/* @end */


/* @group Class Extensions */

.deleted {
	text-decoration		: line-through;
	color				: grey;
}

.box{
	border				: 3px solid;
	border-color		: gainsboro;
	background-color	: #f7f7f7;
	height:1%;
}

.left {float:left;}
.right {float:right;}

.clear{clear:both;height:1px;padding:0px;margin:0px;line-height:0px!important;white-space: nowrap;}
.space{height:0.5em;clear:both;}
.collapse{padding:0;width:1px;}

.width100 	{width  :100% !important;}
.width85 	{width	:85%;}
.width75 	{width	:75%;}
.width50 	{width	:75%;}
.width20	{width	:20%;}
.width15	{width	:15%;}
.widthAuto	{width	:auto;}

.borderize  {border : 2px solid red;}


/* @end */

/* @group Forms & Form Controls */

form {
	margin		: 0;
	padding		: 0;
	display		: inline;
}

form div.row.submit{
	margin	: 0.5em;
	padding	: 0.5em 0;
	height		: 1em;
}

form input.submit{
	float		: right;
	margin-left	: 0.5em;
}

form div {
	padding-top			: 0 !important;
	padding-bottom		: 0.0em;
	margin-bottom		: 0.5em;
	clear				: left;
}

div.sticky{
	padding			: 0.5em 1em;
	padding-top		: 0.5em!important;
	text-align		: center;
	border			: 1px solid #9bb480;
	background		: #e8ffe8;
	color			: #191919;
	font-weight		: normal !important;
}

form input {
	font-size: 1.1em;
}

form textarea.big{
	width:100%;
	height:12em;
	font-size:1em;
}

form input.big{
	font-size:1em;
	width:100%;
}

form select.numbers{
	width	:4em;
}

form #CountrySelect {
	width		: 17em;
}

form .mini {
	font-size: 0.8em;
}

fieldset { 
	border		: 1px solid;
	border-color: darkgray;
	border-top	: 1px solid #d3d3d3;
	border-left	: 1px solid #d3d3d3;
	margin		: 15px;
	padding		: 10px;
	clear		: left;
}

fieldset legend {
	font-weight		: lighter;
	font-size		: 1.3em;
	color			: #38393a;
}

fieldset legend a{
	font-size		: 12px !important;
	vertical-align		: 2px;
}

fieldset legend a:after{
	content:"";
}

fieldset legend a:before{
	content:"";
}

fieldset legend a:hover, fieldset legend a.busy{
	color			: lightgoldenrodyellow;
	background		: darkolivegreen;
}

fieldset legend a{
	font-size		: smaller;
	color			: darkolivegreen;
	background		: lightyellow;
	padding			: 2px;
	border			: 1px solid;
	border-color	: darkolivegreen;
	text-decoration	: none;
	font-weight		: bold;
	margin-left		: 0px;
}

fieldset .row{
	background		: #fff;
	padding			: 0 0 0 0.5em;
	margin-bottom	: 0.5em;
	float			: left;
	width			: 95%;
}

fieldset.reciept  label {
	width			: 200px;
	float			: left;
}

fieldset.reciept div {
	clear		: both;
}

form label, fieldset label  {
	display			: block;
	font-size		: 1.1em;
	font-weight		: bold;
	color			: darkolivegreen;
	margin-bottom	: 5px;
	margin-top		: 5px;
}

form .brief{
	width: 200px;
}

form .inline {
	float: left;
	clear: none;
	padding-right: 15px;
	width	: auto;
}

form div.inline div{
	float		: left;
	clear		: none;
	padding-right	: 1em;
}

form .note {
	font-size: 12px;
	color: #2f4f4f;
	margin-bottom: 0.3em;
	margin-top: 0;
	display: block;
}

form textarea {
	font-size: 135%;
}

form input.checkbox, form input.radio{
	float			: left;
	margin-right	: 0.5em;
	margin-bottom	: 0.25em;
	margin-top		: 0.20em;
}


/* @end */

/* @group Message stylings */
img#contactLoader{
	display		: none;
	position	: absolute;
}
#messageView ul {
    list-style-type	: none;
    margin-bottom	: 1em;
}

#messageView ul li{
	height		: auto !important;  	/* ie min height hack this !important don't work in ie6' */
	height		: 0px; 					/* ie minheight hack this gets seen by ie */
	clear		: both;
	margin-left	: 0px;
	margin-bottom: 5px;
	display		:inline-block; 			/*hack for ie to trigger hasLayout*/
}

#messageView ul li{
	display	:block; /*hack things back the way they should be*/
}

#messageView .row{
    position	: relative;
	cursor		: move;
	padding		: 5px;
}

#messageView .row a{
	cursor		: pointer;
	font-family : sans-serif;
	display		: inline;
}

#messageView .row a.addSticky{
	margin-left		: 5px;
}

#messageView .row a.addSticky.active{
	color			: grey;
	background		: none;
	text-decoration:none;
}

#messageView .row a.addSticky.active:hover{
	color			:grey;
	cursor 			:default;
	background		: none;
	text-decoration:none;
}

#messageView.bubble .row{
	margin			: 0;
	padding			: 5px 0 0 18px;
	background		: transparent url(/images/core/messagebox_top.gif) no-repeat 0 -2px;
	padding-bottom	: 5px;
}

#messageView .row.locked{
	cursor		: auto;
}

#CommentEdit{
	display:none;
}

#messageView ul li #CommentEdit{
	width				: 512px;
	margin-right		: 0px;
	left				: 73px;
	position			: relative;
	margin-top			:2px;
}

#messageView ul li #CommentEdit img.loader{
	display			: none;
	padding-left	: 45px;
	vertical-align	: text-top;
}

.sticky{
	background-color	: none;
	border-top			: 1px dotted #dcdcdc;
	color				: #414f5a;
	font-size			: 90%!important;
	
}

#messageView ul li .sticky{
	padding				: 5px;
	width				: 96.5%;
}

#messageView ul li .messageBody p.sticky{
    padding			: 5px;
	width			: 95.5%;
	height			: auto!important;
	min-height		: 0px !important;
	
}

#messageView ul li .sticky a{
	margin-left		: 5px;
	font-size		: 85%;
	border			: 1px solid yellow;
	background		: #ffff99;
	padding			: 1px;
	color			: grey;
	display			: inline;
}

#messageView ul li .sticky a:hover{
	background		: #f6ff35;
	color			: grey;
	text-decoration	: underline;
}

#messageView ul li .sticky input{
	background	: #ffff99;
	display		: inline;
	width		: 415px;
	margin-right: 5px;
}

span.psuedolink {
	background	: white;
	color		: darkcyan;
	text-decoration	: underline;
}

span.psuedolink:hover {
	background	: lightblue;
	color		: white;
	text-decoration	: underline;
}



#messageView.bubble ul li div.messageBody{
	margin-left			: 60px;
	padding-right		: 5px;
	background			: url(/images/core/messagebox_bottom.gif) no-repeat  0 100%;
	padding-bottom		: 0;
	margin-bottom		: 0;
	padding-top			: 0;
}

#messageView .row div.infoString{
    font-size	: 0.8em;
    padding		: 0 5px 0 0;
  }

#messageView .row div.infoString .infoString-detail{
    float		: left;
	width		: 485px;
	font-size	: smaller;
}


#messageView .row div.infoString .infoString-icons{
	float		: right;
	clear		: none;
	padding		: 0!important;
	margin		: 0!important;
}


#messageView img.contact{
	float		: left;
	clear		: none;
    cursor		: auto;
}

#messageView img.contact.editable{
	
    cursor		: pointer;
}

#messageView .row img.contact.editable {
    padding		: 2px;
}

#messageView .row img.contact.editable:hover {
	border		: 1px solid yellow;
}

#messageView ul li .messageBody p {
    font			: 0.9em "Georgia", serif;
 /*  	padding			: 5px 0 0 5px;*/
	min-height		: 25px;
	height			: auto !important;  /* ie min height hack this !important don't work in ie6' */
	height			: 25px; 			/* ie minheight hack */
	width			: 98%
}


#messageView .row img.statusIndicator{
	float			:left;
	vertical-align: middle;
	padding			: 2px 0 0 0;
}

#messageView .row .messageArea{
	padding		: 0.75em;
	font-size	: 0.5em;
	background-color: #ffff99;
	height		: 100%;
	width		: auto;
}

#messageView .row div.mini{	
	cursor 		: auto;
	width		: 16px !important;
	height		: 16px !important;
	margin-right: 0px !important;
}

form#searchBox input {
	font-size		: smaller;
}

/* @end */

/* @group Content Layout */

html {
	background		: #cccccc url(/images/core/bkgd-ccc.gif) repeat-y center;
}

#header {
	padding			: 0px 25px 0px 25px;
	height			: 60px;
	line-height		: 35px;
	background		: #477da0 url(/images/core/launch/bkgd_gradient_sprites.png) repeat-x;
	border-bottom	: 2px solid #9ec0d3;
	width		: 876px;
}

/* @end */

/* @group TwoPaneBox */

#content div.twopanel {
	height			: 330px;
	background		: white;
}

#content div.twopanel div{
	font-size	: 1.0em;
	background		: white;
}
#content div.twopanel div.twopanelleft{
	float		: left;
	width		: 350px;
	padding		: 2em;
}

#content div.twopanel div.twopanelright{
	padding		: 2em;
	float		: right;
	width		: 420px;
	
}

/* @end */

/* @group Side Navigation */

#upgrade{
	font-size		: 1.2em;
	line-height		: 1.3em;
	margin			: 0.5em 0;
}

#upgrade strong{
	font-size		: 1.3em;
}


/* @end */

/* @group Drop Zones */

.folderDrop {
	margin-top	:1px;
}

.dropzoneActive {
	background	: lightskyblue;
	color		: white;
}

.dropzoneHover {
	background	: deepskyblue;
}

.dropzoneHover a{
	color			:white  !important;
}

/* @end */

/* @group Page Specific */

/* @group Home */


#banner {
	padding		: 0 0px 0 0;
	color		: #fff;
	background	: #aed4ea url(/images/core/launch/bkgd_gradient_sprites.png) repeat-x 0 -60px;
	border-bottom		: 2px solid #ccc;
	height		: 350px;
	width		: 926px;
}


#info{
	background	: #aed4ea url('/images/core/launch/bkgd_sprites.png') no-repeat;
	position	: relative;
	width		: 400px;
	height		: 317px;
	padding		: 30px 10px 0 30px;
	margin		: 0;
	float		: left;
}

#info h1{
	font-size		: 33px;
	line-height		:normal;
	color			: #fff;
	margin-bottom	: 0.4em;
	text-shadow		: #333 2px 2px 1px;
}

#info h2{
	font-size		: 24px;
	color 		:white;
	font-weight		: normal;
	word-spacing		: 0.05em;
	margin-bottom		: 0.25em;
}

#signup{
	margin-top		: 10px;
	text-align		: center;
}

#numbers {
	height		: 65px;
	margin-top 	: 0px;
	padding		: 0px;
	color		: #fff;;
	font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#pickanumber{
	font-size	: 2.2em;
	font-weight	: bold;
	color		: white;
	display		: block;
	float		: left;
	padding-top		: 0.3em;
}

#pickanumber a, div.numberbox p a{
	text-decoration		: none;
	color				: white;
}

#pickanumber a:hover, div.numberbox p a:hover{
	text-decoration		: none;
	color		: #ccc;
	background		: none;
}
#pickanumber strong{
	font-size	: 1em;
}

.numberbox{
	float		: right;
	padding-right:2.2em;
	font-size	: 0.9em;
	color		: white;

}

.numberbox p {
}

.numberbox .phonenumber.old{
	text-decoration		: line-through;
	color		: #5a6f7d;

}

.numberbox .phonenumber{
	font-size		: 170%;
	font-weight		: bold;
	display			: block;
	float			: left;
	margin-right		: 0.5em;
}

p#MessageCharges{
	padding		: 5px;
	margin		: 20px 0 0 0;
	text-align	: center;
	font-size	: 13px;
	line-height:normal;
	display		: block;
	border		: solid 1px silver;
	color		: #666;
	background-color		: #e3e3e3;
}

div#backofbox{
	padding		: 5px 20px;
}

ul#features {
	padding		: 0!important;
	margin		: 0!important;
}

ul#features li{
	width		: 430px;
	float		: left;
	position	: relative;
	line-height	: 120%;
	border		: solid 0px black;
	list-style	: none;
	margin		: 20px 0px 0 0;
	font-size	: 95%;
}

ul#features li.even{
	margin-right		: 20px;
}


ul#features li h1{
	line-height		: 32px;
	font-size		: 125%;
	margin-bottom	: 5px;
}

ul#features li .box{
	padding		: 10px;
	margin-right: 10px;
	height		: 130px;
}
/* @end */

/* @group Page Widgets */

/* @group Graphical Custom Boxes */
table.fancyBox{
	width		: 100%;
}

table.fancyBox td{
  overflow: hidden;
  padding: 0;
}

table.fancyBox .tl, table.fancyBox .tr, table.fancyBox .bl, table.fancyBox .br {
  height: 7px;
  width: 7px;
}

table.fancyBox .tm, table.fancyBox .bm {
  height: 7px;
}

table.fancyBox {
	margin: auto;
  	border-collapse: collapse;
  	border : 0px solid;
}

/* @group FeatureBox */

ul#features li  table.featureBox{
	word-spacing		: 0;
}

table.featureBox .tl {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat -440px -264px;
}

table.featureBox .lm {
  background: url(/images/core/launch/bkgd_featureBox_middle.png) repeat-y 0px 0%;
}

table.featureBox .bl {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat -440px -400px;
}

table.featureBox .tr {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat -877px -264px;
}

table.featureBox .rm {
	
border		: 0px solid black;
  background: url(/images/core/launch/bkgd_featureBox_middle.png)  repeat-y -437px 0px;
}

table.featureBox .br {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat -877px -400px;
}

table.featureBox .tm {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat -447px -264px;
}

table.featureBox .bm {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat -447px -400px;
}


table td.featureBoxBody {
	background: url(/images/core/launch/bkgd_featureBox_middle.png) repeat-x -7px 100%;
	padding: 10px;
	padding-top		: 5px;
	vertical-align:top;
}


/* @end */

/* @group stickyLabelBox */

table.stickyLabelBox .tl {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat 0 -409px;
}

table.stickyLabelBox .tm {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat -10px -409px;
}

table.stickyLabelBox .tr {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat -892px -409px;
}

table.stickyLabelBox .rm {
  background: url(/images/core/launch/bkgd_stickyLabelBox_middle.png) repeat-y -892px;
}

table.stickyLabelBox .bl {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat 0 -420px;
}

table.stickyLabelBox .bm {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat -10px -420px;
}

table.stickyLabelBox .br {
  background: url(/images/core/launch/bkgd_sprites.png) no-repeat -892px -420px;
}

table.stickyLabelBox .lm {
  background: url(/images/core/launch/bkgd_stickyLabelBox_middle.png) repeat-y;
}

table td.stickyLabelBoxBody {
  background-color : #3d4b54;
  padding: 0.7em;
  vertical-align:middle;
}

/* @end */



/* @end */

#imageUpload {
	background		: none;
}

#imageUpload #fileSelect{
	float			: left;
	border			: none;
	padding-top		: 10px;
}

#imageUpload img{
	margin-left		: 15px;
}


/* @end */

/* @group Login Page and Password reminder forms centered*/

#loginPanel {
	border		: none;
	width		: 100%;
}

#loginPanel fieldset {
	width		: 35%;
	margin-left	: 32.5%;
}

#loginPanel .row .field input{
	width		: 100%;
}

#loginPanel form fieldset ul {
	list-style-position		: inside;
}

#loginPanel form input.mobileNumber {
	width		: 90% !important;
}

img.captcha{
	width		: 100%;
}

img.captcha ~ input {
	width		: 100%;		
}

/* @end */



/* @end */

/* @group MessageView */

/* @group Tabs */

#toolBar {
	padding 			: 10px;
	border-bottom		: none;
	margin-bottom		: 0;
}

#tabContainer.toolbarTabs {
	border				: 0 3px 0 3px;
	border-color		: gainsboro;
	background-color	: #f7f7f7;
	border-left			: 3px solid gainsboro;
	border-right		: 3px solid gainsboro;
	padding-top			: 15px;
}


/* @group Messages */

#messageView{
	width	: 100%;
}

#contactsPalette{
	display		:inline;
	position	:absolute;
  	width		:205px;
	z-index		:1000;
	height		:auto;
	overflow	:hidden;
	background	:#F9F9F9;
	border		:2px #C0C0C0 outset;
}

#contactsPalette #contactName{
	background	:#000;
	width		:100%;
	clear		:both;
	font-size	:smaller;
	padding		:0;
	text-align	:center;
	margin		:0;
	height		:auto;
	color		:#fff;
}

#contactsPalette img{
	width		:32px;
	height		:32px;
	border		:1px solid white;
	margin		:0px;
	float		:left;
	padding		: 0px;
}

#contactsPalette img:hover{
	border		:1px solid yellow;
}

/* @end */

/* @end */


/* @group Widgets */

#meter{
	width		: 224px;
	height		: 16px;
	margin		: 0.10em 0;
	background	: url('/images/core/meter_bkgd.gif');
}

#meter.full{
	background	: url('/images/core/meter_bkgd_max.gif');
}

#meter .unit{
	width		: 0px;
	height		: 16px;
	background	: url('/images/core/meter_unit.gif');
	float		: left;
}

#mobileNumberPlus {
	font-size		: 1.4em;
	font-weight		: bold;
	margin-right	: 0.2em;
}


#mobileNumberPlus:before{
	content			: '+';
}


#buynow a {
	font-size		: 1.2em;
	font-family		: "Helvetica Neue", Arial, Helvetica,Geneva, sans-serif;
}

#TB_ajaxContent span#note {
	clear 		: both;
	display		: block;
	float		: left;
	width		: 100%;
	font-size		: 105%;
}


/* @end */

/* @group Custom Form Elements */



form input.mobileNumber {
	width		:9.5em;
}

form input.button1 {
	font-size: 135%;
	margin-top: 2px;
}


/* @end */


/* @group Send SMS */

/* Send SMS */

/* @group Suggest */

.ac_results {
	border: 1px solid gray;
	background-color: #e8eef0;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
}

.ac_results li {
	padding: 2px 5px;
	white-space: nowrap;
	color: #101010;
	text-align: left;
}

.ac_over {
	cursor: pointer;
	background-color: #F0F0B8;
}

.ac_match {
	text-decoration: underline;
	color: black;
}

/* @end */
	
#TB_ajaxContent textarea
{
	width:100%;
	height	: 125px;
}

#TB_ajaxWindowTitle{
	padding:3px 0 5px 10px;
}

div#SendInfoBar
{
	padding:0em;
	height:auto;
	margin-bottom		: 1.5em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color		: silver;
}

div#SendInfoBar div
{
	border:0px solid black;
	clear:right; /*First time this has ever had an effect, study it!*/
	padding:0;
}

div#SendInfoBar a{
	font-size		: smaller;
}

div#TB_window img#warning{
	display		: inline;
	vertical-align: sub;
}

#TB_window img{
	border			: none !important;
	margin			: 0px !important;
}

div.busy{
	width			: 16px;
	height			: 16px;
	clear			: none;
	float			: right;
	margin-right	: 10px;
	margin-top		: 2px;
}


#buynow {
	float			: left;
}



/* @end */


/* @group Tables */

/* Tables */


table td{
	padding		:1em;
	margin		:0em;
	border		:0px solid black;
}

table td .right{
	text-align	:right;
}

tr.alt, div.alt{
	background		: lightyellow;
}

/* @end */

/* Network Charts */



/* @end */


span#mainLogin {
	display		: block;
	padding-top		: 0em;
}

/* @group icons */

div.icon {
	width		: 32px;
	line-height	: 32px;
	display		: block;
	float		: left;
	margin-right		: 5px;
}

div.icon.save{
	background	: url('/images/core/launch/bkgd_sprites.png') no-repeat -440px -96px;
}

div.icon.organise{
	background	: url('/images/core/launch/bkgd_sprites.png') no-repeat -440px -32px;
}

div.icon.people{
	background	: url('/images/core/launch/bkgd_sprites.png') no-repeat -440px -0px;
}

div.icon.share{
	background	: url('/images/core/launch/bkgd_sprites.png') no-repeat -440px -160px;
}

div.icon.compose{
	background	: url('/images/core/launch/bkgd_sprites.png') no-repeat -440px -64px;
}

div.icon.iphone{
	background	: url('/images/core/launch/bkgd_sprites.png') no-repeat -440px -128px;
}

/* @end */

/* @group Message Spy */

ul#spy {
	float		: left;
	width		: 470px;
	color		: #333333;
	font-size	: 100%;
	margin-top	: 30px;
   	list-style-type	: none;
}

div#spy-ad{
	float		: left;
	margin-top		: 0;
	padding		: 0;
}

div#lower-ad{
	margin-top	: 1em;
	padding		: 0;
	width		: 750px;
	margin-left	: auto;
	margin-right: auto;
	border		: 1px solid gray;
}

ul#spyupdate{
	margin		: 0;
	padding		: 0;
}

#spydisclaimer {
	font-size	: 1.0em;
	color		: white;
	display		: block;
	text-align	: center;
	float		: left;
	width		: 460px;
}


#spydisclaimer a:hover{
	color : white;
	background:none;
	text-decoration: underline;
}

a.rssText {
	  background: url(/images/icons/feed-icon-16x16.png) no-repeat scroll 2px 0px;
	  padding-left : 22px;
} 


#spydisclaimer img {
}

ul#spy li {
    word-wrap	: break-word;
    width		: 100%;
    padding		: 0 0 10px 0;
    overflow	: hidden;
}

ul#spy li div.back{
	margin-left	: 0px;
	position	: absolute;
	width		: 200px;
}

ul#spy li div.back img {
	position	: relative;
	float		: left;
	width		: 415px;
	height		: 48px;
}

ul#spy li div.front div{
	z-index		:1;
	float:left;
}
ul#spy li .messageBody{
	/*padding		: 5px 5px 0 15px;*/
    overflow	: hidden;
    font-size	: 1em;
	white-space	:nowrap;
	margin		: 5px 5px 0 0;
	left		: 10px;
	position	: relative;
}

#spy li div.messageBody p {
    text-overflow:ellipsis;
    overflow	: hidden;
    width		: 355px;
    font-size	: 80%;
}

ul#spy li .messageBody .infoString{
	font-size	: 0.7em;
	padding		: 0;
	margin		: 0;
	line-height	: 1.5em;
	text-overflow:ellipsis;
	overflow	: hidden;
	font-weight		: 500;
}

#spy img.contact{
	width		: 42px;
	height		: 42px;
	float		: right;
	margin-right: 0px;
	border 		: 0px;
}

#spy a:hover img.contact{
	opacity : .8;
	filter:alpha(opacity=80);
}

#spy img.flag{
	float		: right;
	margin		: 39px -12px 0 0px;
    position	: relative;
}

/* @end */


/* @group tabs */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 7px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	color: #27537a;
}
.ui-tabs-nav .ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-container {
    border-top: 1px solid #d9d9d9;
    padding: 15px 8px 0 8px;
	margin:0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

.ui-tabs-nav a:hover{
	cursor:pointer !important;
}


/* @end */

/* @group thickbox */

#TB_window.info
{
	background-color: #D0ECFC;
	border: none;
	color: #000;
	font-size: 2em;
	font-weight: bold;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#TB_window.info #TB_ajaxContent
{
	font-size:10em;
	text-align: center;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	display:none;
	border: 5px solid #e8eef0;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
	border:solid;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:3px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:5px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8eef0;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* Default Dialog Button Styles */
#TB_dialogButtons {
	text-align: right;
	padding-top: 10px;
	margin-top: 10px;
	//border-top: 1px solid silver;
}

#TB_dialogButtons a
{
	padding: 4px 12px;
	background: whitesmoke;
	text-decoration: none;
	border: 1px solid silver;
	border-top: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	//color: #666;
	margin-left		: 0px;
	font-size :0.8em !important;
}
#TB_dialogButtons a.ok
{
	//font-weight: bold;
	//color: #333;
}
#TB_dialogButtons a:hover{
	background: lightskyblue;
}

#TB_window{
	border			: 3px solid #e8eef0;
}

#TB_ajaxContent{
	background	: white;
	font-weight	: bold;
}

/* A custom dialog style that can be applied via the paramater "class¤" */
#TB_window.alert
{
	background-color: #EAD0C8;
	border-color: #B33719;
}
#TB_window.alert #TB_dialogButtons a
{
	background-color: #f5f5f5;
	border-color: #999999;
}


/* @end */

/* @group Calendar */

div.infoString-detail .calendar{
	cursor		: pointer !important;
}

div.infoString-detail .calendar span.psuedolink{
	border		: 0;
	border-left	: 5px;
	border-color: white;
	border-style: solid;
}

div.infoString-detail .calendar.editable{
	background		: #ffff99;
}

div.infoString-detail .calendar:hover{
	cursor		: pointer !important;
}

#calendar_div {
	display: none;
	border: 2px solid #777;
	z-index: 10; 
	font-size: 13px;
	padding: 0;
	margin: 0;
	-webkit-box-shadow:0.3em 0.5em 2.5em #666
}
#calendar_div a {
	cursor: pointer;
	cursor: hand;
	text-decoration		:none;
}
button.calendar_trigger {
	width: 25px;
}
img.calendar_trigger {
	margin: 2px;
	vertical-align: middle;
}
#calendar_control, #calendar_links, #calendar_header, #calendar, #calendar_time {
	clear: both;
	float: left;
	width: 280px;
	color: #fff;
}
#calendar_control {
	background: #fff;
}
#calendar_links {
	background: #000;
}
#calendar_control a, #calendar_links a {
	font-weight: bold;
	padding: 2px 5px;
	text-decoration		: underline;
}
select#calendar_hour{
	margin-left		: 5px!important;
}
select#calendar_newYear{
	margin-right		: 5px!important;
}
#calendar_control a:hover {
	background: lightskyblue;
	color: #fff;
}
#calendar_links a:hover, .calendar_titleRow a:hover {
	background: #ddd;
	color: #333;
}
#calendar_clear, #calendar_prev {
	float: left;
}
#calendar_current {
	float: left;
	width: 35%;
	text-align: center;
}
#calendar_close, #calendar_next {
	float: right;
}
#calendar_header, #calendar_time {
	background: #333;
	text-align: center;
	font-weight: bold;
}
#calendar_header select, #calendar_time select {
	background: #fff;
	color: #000;
	border: 0px;
	font-weight: bold;
	margin		: 5px 2px;
}
#calendar {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
#calendar a {
	width: 100%;
	display: block;
}
#calendar a:hover {
	color: #eee;
}
#calendar .calendar_titleRow {
	background: #777;
}
#calendar .calendar_titleRow a {
	color: #eee;
}
#calendar .calendar_titleRow a:hover {
	color: #000;
}
#calendar .calendar_daysRow {
	background: #eee;
	color: #666;
}
#calendar .calendar_daysCell {
	border: 1px solid #d3d3d3;
	-webkit-box-shadow:-0px -0px 10px #666;
}
#calendar .calendar_daysCell a {
	color: #000;
	width: 100%;
}
#calendar .calendar_daysCell a:hover {
	background: none;
}
#calendar .calendar_weekEndCell {
	background: #ddd;
}
#calendar .calendar_daysCellOver {
	background: lightblue!important;
	border: 0px solid #777;
}
#calendar .calendar_unselectable {
	color: #ccc;
	-webkit-box-shadow:none;
}
#calendar td{
	padding		:0!important;
}
#calendar_today {
	background: #fff;
}
#calendar_currentDay {
	background: lightskyblue !important;
}
#calendar_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -1px; /*must have*/
    left: -1px; /*must have*/
    width: 300px; /*must have to match width and borders*/
    height: 300px; /*must have to match maximum height*/ 
}

/* @end */

div.break{
	height		: 0.5em;
	line-height	: 0;
}

@media print {
	html {
		background : #fff !important;
		background-image: none !important;
	}
	#container{
		
	}
	#wrapper {
		width		: 100%;
		margin-left	: 0!important;
		padding		: 0!important;
	}
	#content{
		width 		: 100% !important;
		margin		: 0!important;
	}

	#footerSpacer {
		display		: none;
	}	
	#sideNavigation {
		display    : none;
	}
	#footer{
		display 	: none;
	}
	#header {
		display 	: none;
	}
	a, span.pseudolink{
		display		: none !important;
	}
	span.detail-contactName a{
		display		: inline !important;
		text-decoration		: none !important;
		color		: #000;
	}
	div.infoString-detail .calendar{
		background-color		: white !important;
	}
	#toolBar {
		padding :0.5em;
		margin-bottom:0em;
		background : white;
		border: none;
	}
	div#tabContainer.toolbarTabs {
		display		: none;
	}
	#toolBar #toolbarInfo{
		height		: auto;
	}
	#toolbarIcons {
		display		: none;
	}
	#tabs li {
		display : none;
	}

	img#contactLoader {
		display		:  none;
	}
	#messageView ul{
		padding				: 0 0 0 0!important;
	}
	#messageView ul li{
		border-bottom		: 1px solid grey;
		margin-bottom		: 1em;
		list-style			: none;
		margin				: 0!important;
	}
	#messageView ul li img{
		display		: none;
	}

	#messageView.bubble .row{
			background		: none !important;
	}
	#messageView .row{
		background		: none;
		font-size		: 1.2em;
		padding-left	: 0!important;
	}
	#messageView ul li div.messageBody{
		background		: none !important;
		margin-left		: 0!important;
	}
	#messageView ul {
		margin-left		: 0;
		padding			: 0 1em 0 1em;
	}
	a, span.psuedolink{
		display		: none;
	}
	
	div#batchPaging, div#batchJumps{
		display		: none;
	}
	.infoString{
		color		: black !important;
		font-size	: 0.7em !important;
		font-weight	: bold !important;
	}
	.ui-tabs-nav {
        display: none;
    }
    div#toolbarInfo h2{
		color		: transparent!important;
	}
	div#fragment-2{
		display		: none;
	}
	p.comment{
		padding-left		: 2em !important;
	}
	.ui-tabs-container {
	    border-top: 0px solid #fff;
    }
	
}

#emptyMessageAlert a {
	color		: white;
}

a.addthis:hover {
	background-color	: white;
	color:black;
}