﻿body 
{
	font-family:Tahoma;
	font-size:12px;
	background:url(/assets/giveawow_bg.jpg);
	background-repeat:repeat-x;
	overflow-x:hidden;
	margin:0;
	padding:0;
}
div#header
{
	width:767px;
	height:65px;
}

div#outer-main 
{
	padding-top:10px;
	display:block;
	text-align:center;
	margin:0 center 0 center;
}

div.pad
{
	padding:10px;
	height:25px;
}

div#system-message
{
	background-color:#FBF7AA;
	height:35px;
	border-bottom:1px solid black;
}
div#system-message div 
{
	margin:10px;
}
div#main
{
	margin:0 auto 0 auto;
	width:767px;
	background:url(/assets/blue_border.png);
	border:1px solid #008DD7;
	padding:10px;
	height:100%;
	min-height:425px;
}
div#main div#inner 
{
	background:white;
	height:100%;
	min-height:425px;
}
div#nav
{
	background:url(/assets/nav.jpg);
	border-top:1px solid #008DD7;
	border-bottom:1px solid #008DD7;
	height:30px;
	width:100%;
	overflow:hidden;
}
div#nav a
{
	color:#A90707;
}
a:hover
{
	color:#E50B0B;
}

div#inner-content
{
	margin:10px;
	zoom: 1; /* ie6 */
}

div#content 
{
	text-align: left;
	margin:15px;
	zoom: 1; /* ie6 */
}

div#content h1
{
	font-size: 20px;
	margin: 0px;
	font-weight:normal;
	color:#0066CC;
}
div#content h2
{
	font-size: 16px;
	margin-bottom: 10px;
	font-weight:normal;
}
div#content p
{
	font-size: 13px;
	line-height: 18px;
	margin: 10px 0px 0px 0px;
}
div#content input.text
{
	font-size:14px;
	padding:5px;
}
div#content ul.updates
{
	margin:5px 0px 5px 30px;
	padding:0px;
}
div#content div.updates strong a
{
	color: #D69800; /*#006600*/
}
div#content div.updates
{
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 15px;
}
div#content div.updates small
{
	color: Red;
}
div#content ul.action
{
	margin: 10px 0px 10px 30px;
	padding: 0px;
}
div#content ul.action li
{
	font-size: 14px;
	line-height: 22px;
}
div#content fieldset legend
{
	font-size: 14px;
	color: #999999;
	font-weight: bold;
}
div#content fieldset
{
	margin:10px 10px 10px 0px;
}
div#content table
{
	font-size: 14px;
}
div#content tr th
{
	text-align: left;
	width: 130px;
	padding-right: 20px;
}
.left
{
	float: left;
}
div#letter
{
	background-color:#eee;
	border:1px solid #ccc;
	padding:10px;
	margin:10px 10px 10px 0;
	width: 490px;
}
div#letter p
{
	margin-bottom:15px;
}
.copyright 
{
	text-align:center;
	font-size:7pt;
	padding:0 20px 20px 20px;
}

a
{
	color:#0066CC;
	cursor: pointer;
}

/********** P2P *************/

#wall
{
	width:550px;
	z-index:2;
	position:relative;
	/*border:1px solid silver;*/
	background:white;
}
.clear
{
	float:none;
	clear:both;
}
ul#options {
	/*margin:15px 0 0 0;*/
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:white;
	border-bottom:1px solid silver;
	height:24px;
	position:relative;
	z-index:2;
}
	#options li {
		float:left;
		display:block;
		padding:5px;
		background-color:#F1F1F1;
		border:1px solid silver;
		margin:0 3px 0 0;
		font-size:8pt;
		position:relative;
		z-index:1;
	}
	#options li.selected {
		background-color:White;
		border-bottom:0;
		z-index:3;
		height:14px;
	}

div.wallitem
{
	padding:8px 8px 8px 45px;
	border-bottom:1px solid silver;
	line-height:14px;
	background-repeat:no-repeat;
	background-position:12px 12px;
}
div.wallitem small 
{
	font-size:11px;
}
div#content div.wallitem div.l
{
	margin:0px;
	padding:0 0 3px 0;
	line-height:16px;
	font-size:12px;
	display:block;
	width:410px;
	float:left;
}
div#content div.wallitem p {
	margin:0;
	padding:0;
}
div#content div.wallitem a.r {
	color:#A90707;
	float:right;
	display:block;
	margin-right:20px;
	border:1px solid #008DD7;
	padding:2px 4px 2px 4px;
	background:url(/assets/nav.jpg);
	width:40px;
}
div#content div.wallitem a.r:hover {
	background:#ADD4EE;
	
}
div.wallrecognition
{
	background-image:url(/assets/award_icon.gif);
}
div.wallaward
{
	background-image:url(/assets/reward_icon.gif);
}
div.wallRecognitionTip
{
    display:none;
}
div.wallRecognitionTipSection
{
    margin:0 0 10px 0;
    padding:0;
}
div.wallRecognitionTipSection p
{
    margin:0;
    padding:0;
}
div.wallRecognitionTipSection ul
{
    margin:2px 0 0 16px;
    padding:0;
}
img.wallRecognitionTipImage
{
    float:left;
    width:75px;
    margin:0;
    padding: 0 5px 5px 0;
}
.wallRecognitionTipClear
{
    clear:both;
}
a img
{
	border:0;
}
ul.activities
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.activities li,
ul.activities li.normal
{
	background-image:none;
	background-color:#E8E8E8;
	padding:0 5px 0 5px;
	margin:2px;
	width:375px;
	display:block;
}
ul.activities li div span
{
	display:block;
}
ul.activities li div span a
{
	color:Gray;
	text-decoration:none;
}
ul.activities li:first-child
{
	padding-top:8px;
	background-image:url(/assets/commentline.png);
	background-repeat:repeat-x;
}
ul.activities li div
{
	padding:3px 0 5px 25px;
 	background-repeat:no-repeat;
	background-position:2px 3px;
}
ul.activities li.comment div
{
	background-image:url(/assets/comment.gif);
}
ul.activities li.applause div
{
	background-image:url(/assets/applause.gif);
}
div.top-activity
{
	background-image:url(/assets/commentline.png);
    background-repeat:repeat-x;
	background-position:top left;
	background-color:#F1F1F1;
	height:6px;
	width:375px;
	margin:2px 2px -2px 2px;
	padding:0;
	display:block;
	overflow:hidden;
}
#left-column
{
	margin-right: 20px;
}
#left-column img
{
	display:block;
}
#left-column ul.actions
{
	margin:0;
	padding:0;
	width:150px;
	overflow:hidden;
}
#left-column ul.actions li
{
	border-top:1px solid silver;
	list-style-type:none;
	font-size:8pt;
	display:block;
	width:100%;
}
#left-column ul.actions li a
{
	width:100%;
	padding:5px 5px 5px 10px;
	background:url(/assets/nav.jpg);
	display:block;
}
#left-column ul.actions li a:hover
{
	background:#0066CC;
	color:White;
}
/********* WallPosts ********/

ul.paging {
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.paging li {
    display:block;
    float:left;
}
ul.paging li a {
	display:block;
	border:1px solid silver;
    background:#F1F1F1;
    width:25px;
    height:25px;
    margin-right:5px;
    text-align:center;
    line-height:24px;
}
ul.paging li a:hover {
    background:#FFFFAA;
}
ul.paging li a.selected {
    background-color:#0066CC;
    color:White;
}
#profile-photo
{
	float:left;
}
#profile-photo span 
{
	/*width:140px;*/
	float:right;
	font-size:11px;
	z-index:2;
	position:relative;
	background-color:White;
	display:inline;
	padding:3px 3px 3px 20px;
	background-image:url(/assets/camera_icon.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	margin-bottom:-20px;
}
#profile-photo img
{
	width:150px;
	overflow:hidden;
}
.sidebar {
	font-size:11px;
	margin:0;
	padding:0;
	list-style-type:none;
}
.sidebar li a {
	line-height:23px;
	height:25px;
	border-top:1px solid silver;
	padding-left:10px;
	display:block;
text-decoration:none;
}
.sidebar li.selected a {
	border:1px solid #008DD7;
	background-color:#ADD4EE;
	font-weight:bold;
}
.sidebar li.selected a:hover {
	background-color:#ADD4EE;
	color:#0066CC;
}
.sidebar li a:hover {
	background-color:#ECEEF4;
}

#nav {
	font-size:11px;
}

.nav {
	float:left;
	color:white;
	margin:5px;
	list-style-type:none;
	padding:0;
}

.nav li {
	float:left;
	padding-left:4px;
}

.nav li:first-child {
	border:none;
	padding:0;
}

.nav li a {
	display:block;
	padding:4px;
}

.nav li a:hover {
	background-color:#ADD4EE;
	border:1px solid #008DD7;
	padding:3px;
}

#nav input {
	font-family:Tahoma;
	font-size:11px;
	padding:3px;
	width:150px;
}

.useritem {
	line-height:16px;
	padding:20px 0 10px 0;
	border-bottom:1px solid silver;
	position:relative;
	min-height:120px;
	height:auto !important;
	height:120px;

}
      	
	.useritem .userimage img {
		float:left;
		margin:0 10px 10px 10px;
		border:2px solid #008DD2;
	}

	.useritem small {
		color:#A90707;
		font-style:italic;
		display:block;
		font-size:11px;
		height:16px;
	}

		.useritem small.selected {
			color:gray;
			display:none;
		}
		
	.useritem ul {
		float:right;
		margin:0;
		padding:0 10px 0 0;
		list-style-type:none;
		font-size:11px;
		width:110px;
	}

	.useritem ul li {
		height:19px;
	}
	
		.useritem ul li a {
			height:16px;
			display:block;
			padding:0px 0px 2px 5px;
			text-decoration:none;
			border-bottom:1px solid silver;
			overflow:hidden;
		}

			.useritem ul li a:hover {
				background-color:#ECEEF4;
			}

			.useritem ul li a.action1 {
				width:89px;
				float:left;
			}

			.useritem ul li a.actions {
				width:11px;
				float:left;
				background-image:url(/Assets/down_arrow.gif);
				background-repeat:no-repeat;
				background-position:50% 50%;
			}

		.useritem ul.menu {
			overflow:hidden;
			position:relative;
			z-index:999;
			padding:0;
			margin:0;
			
		}
		
		* html .useritem ul.menu {
			position /**/:static;
		}
		
		* html .useritem ul.menu {
			/*width:100px;*/
		}

			.useritem ul.menu li {
				overflow:hidden;
				background-color:white;
			}

.recip_select {
	float:left;
	margin:5px;
}

div.box {
    border:1px solid #C0E2F4;
    margin-bottom:10px;
    width:100%;
    overflow:hidden;
    text-align:center;
}

    div.box ul {
	    text-align:left;
	    list-style-type:none;
	    margin:10px;
	    padding:0;
    }

    div.box ul > li {
	    margin-top:5px;
    }

    div.box h2 {
	    background:#C0E2F4;
	    padding:2px;
	    margin:0;
	    text-align:left;
    }
    
    .simpleSuggest 
    {
    	float:left;
    }

	.simpleSuggest ul {
		margin:0;
		padding:0;
		list-style-type:none;
		position:absolute;
		overflow:auto;
		overflow-x:hidden;
		width:200px;
		border:1px solid gray;
		font-family:Arial;
		font-size:12px;
		z-index:9999;
		background-color:White;
	}
	
		.simpleSuggest ul li {
			background-color:White;
			line-height:18px;
			display:block;
			color:Black;
			width:100%;
			margin:0;
			padding:0;
			float:none;
		}
		
			.simpleSuggest span.highlight {
				font-weight:bold;
				background-color:#ffffaa;
			}
	
		.simpleSuggest ul li div.image {
			width:40px;
			background-color:#ccc;
			text-align:center;
			overflow:hidden;
			float:left;
			margin:0 5px 0 0;
			padding:0;
		}

/********* Orders ********/
.ordersError { padding:0 0 10px 10px; color:#ff0000; font-weight:bold; }

#orders { margin:0; padding: 0 10px 10px 10px; text-align:left; }

#orders #ordersFilters { margin:0; padding: 0 0 10px 0; }

#orders table { width:100%; border-spacing:0; border-collapse:collapse; }
#orders table tr { margin:0; padding:0; }

#orders table tr th, #orders table tr td { margin:0; padding:3px; vertical-align:top; border:solid 1px black; }
#orders table tr th { border-top-style:none; }
#orders table tr.last td, #orders table tr.detail td { border-bottom-style:none; }
#orders table tr .orderCell, #orders table tr.detail td { border-left-style:none; }
#orders table tr .notesCell, #orders table tr.detail td { border-right-style:none; }

#orders table tr .orderCell { width:12%; }
#orders table tr .contactCell { width:26% }

#orders table tr td p { margin:0; padding:0; font-size:12px; }

#orders table tr.normal td { background-color:#eee; }
#orders table tr.alternate td { background-color:#fff; }
#orders table tr.detail td { background-color:#ccc; }
#orders table tr.active td { background-color:#ddd; }
#orders table tr.inactive td { background-color:#bbb; }

#orders table tr:hover td { cursor:pointer; }
#orders table tr.normal:hover td { background-color:#dff; }
#orders table tr.alternate:hover td { background-color:#dff; }
#orders table tr.detail:hover td { background-color:#bff; }
#orders table tr.active:hover td { background-color:#cff; }
#orders table tr.inactive:hover td { background-color:#cff; }

#orders #ordersPaging .paging { margin:0; padding:0; }

/********* Reports ********/
ul#reports li { list-style-image: url(/assets/excel_icon.gif); list-style-position: inside; }
form.reportForm { display: none; }
ul.reportVariables { padding: 5px 0 5px; }
ul.reportVariables li { display: inline; list-style-type: none; padding-right:10px; }
ul.reportVariables li input.error { border: solid 1px red; }

.action-disabled 
{
	color:Silver;
	cursor:not-allowed;
}

.action-disabled:hover 
{
	color:Silver;
}

.link-button 
{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#C0E2F4;
	padding:3px;
	font-size:14px;
	margin:10px;
	display:block;
	border:1px solid #008DD7;
	text-decoration:none;
}

.link-button:hover 
{
	text-decoration:underline;
}

/********* Wall Notes ********/
input#wallNoteNewButton
{
    margin:0 0 0 25%;
}
div#wallNoteDialog * .error
{
    border:solid 1px #FF0000;
}
div#wallNoteDialog
{
    display:none;
}
input#wallNoteSaveButton
{
    float:right;
}
.wallNoteInputMaxWidth
{
    width:100%;
}
#content div.wallnote
{
	margin-top:5px;
	padding-bottom:5px;
	border:2px solid #82B6E0;
	background:#C5D5EC;
}
	#content div.wallnote h2
	{
		margin:5px 0 0 0;
		font-size:12px;
		font-weight:bold;
		text-align:center;
	}
	#content div.wallnote ul
	{
		margin:5px;
		padding:0;
		list-style-type:none;
		font-size:11px;
	}
		#content div.wallnote ul li 
		{
			margin-top:10px;
		}
			#content div.wallnote ul li p
			{
				margin:0;
				line-height:20px;
			}
    #content div.wallnote div.wallNoteActions
    {
        /*display:none;*/
        font-size:11px;
        margin:0 0 0 20%;
    }
    #content div.wallnote div.wallNoteActions a
    {
	    color:#A90707;
	    border:1px solid #008DD7;
	    background:url(/assets/nav.jpg);
	    width:40px;
	    padding:2px 4px 2px 4px;
    }
    #content div.wallnote div.wallNoteActions a:hover
    {
	    background:#ADD4EE;
    }
    /********* ViewRecognition.spark ********/
    p.customfields
    {
     font-size:9px;   
    }
    .customfields
    {
        display:none
    }
    .money:before
    {
        content: "$"
    } 