﻿/* Copyright 2008-2009, Psyleron, Inc. */
/* css for community page framework */

#alerter 
{
    position:relative;
    top:0px;
    left:0px;
    right:0px;
    margin:20px auto 20px auto;
    width:926px;
    text-align:left;
	background-color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, "Trebuchet MS", Geneva, sans-serif;
	color: #444444;
	line-height:16px;
}

#alerter a{
	color:#9B4B8C;
	text-decoration:none;
	border-bottom:1px dotted #9B4B8C;
}

#alerter a:visited{
	color:#9B4B8C;
}

#alerter a:hover{
	border-bottom:1px solid #9B4B8C;
}

#AlerterMessageSelector a{
	color:inherit;
	#color:auto;
	text-decoration:inherit;
	#text-decoration:auto;
	border-bottom:inherit;
	#border-bottom:none;
}

#AlerterMessageSelector a:visited{
	color:inherit;
	#color:auto;
}

#AlerterMessageSelector a:hover{
	border-bottom:inherit;
	#border-bottom:none;
}

#alerter a img{
	border:0px;
}

#alerter img{
	margin:0px;
	padding:0px;
}

#alerter h4{
	margin-top:10px;
	font-size:14px;
	margin-bottom:2px;
}

#alerter h5{
	font-size:13px;
	font-weight:bold;
	margin-bottom:0px;
}

#alerter p{
	margin-top:8px;
	line-height:18px;
	font-size:12px;
}

#alerter p.alert{
	letter-spacing:0px;
    text-align:center;
    padding:7px;
    border:1px solid #FF7700;
    background-color:#FFB080;
    color:#000000;
}
#alerter p.error{
	letter-spacing:0px;
	text-align:center;
	padding:7px;
	border:1px solid #FF0000;
	background-color:#FFE0E0;
	color:#400000;
}
#alerter p.info{
	letter-spacing:0px;
	text-align:center;
	padding:7px;
	border:1px solid #9B4B8C;
	background-color:#e1f1ff;
	color:#000040;
}
#alerter p.success{
	letter-spacing:0px;
	text-align:center;
	padding:7px;
	border:1px solid #00FF00;
	background-color:#E0FFE0;
	color:#004000;
}

#alerter span.alert{
	font-weight:bold;
	background-color:#FFB080;
	letter-spacing:1px;
	margin:0px 2px 0px 2px;
	padding:0px 2px 0px 2px;
}
#alerter span.error{
	text-align:center;
	background-color:#FFD0D0;
	margin:0px 2px 0px 2px;
	padding:0px 2px 0px 2px;
}
#alerter span.info{
	text-align:center;
	background-color:#D0D0FF;
	margin:0px 2px 0px 2px;
	padding:0px 2px 0px 2px;
}
#alerter span.success{
	text-align:center;
	background-color:#D0FFD0;
	margin:0px 2px 0px 2px;
	padding:0px 2px 0px 2px;
}

#alerter p.subtext{
	font-size:9px;
	line-height:14px;
	color:#606060;
}

#alerter .detail{
	margin-left:4px;
	font-size:10px;
	color:#606060;
	line-height:16px;
}

#alerter .tabledetail{
	font-size:10px;
	color:#909090;
	line-height:16px;
}

#alerter .wizarddetail{
	margin-left:8px;
	font-size:11pt;
	color:#444444;
	line-height:16pt;
	margin-top:10px;
	margin-bottom:10px;
}

#alerter .wizardbigdetail{
	margin-left:8px;
	font-size:15pt;
	color:#444444;
	line-height:18pt;
	margin-top:10px;
	margin-bottom:10px;
}

#alerter .fineprint{
	margin-left:8px;
	font-size:9pt;
	color:#666666;
	line-height:12pt;
	margin-top:10px;
	margin-bottom:10px;
}

#alerter .wizardforms{
    font-size:10pt;
}

#alerter div.wizardeditbox{
    background-color:#FFFF99;
    border-style:solid;
    border-color:#555555;
    border-width:1px;
    margin-bottom:15px;
    margin-top:15px;
}

#alerter div.wizardmessagebox{
    background-color:#ffffff;
    border:solid 2px #777777;
    border-width:1px;
    margin-bottom:15px;
    margin-top:15px;
}

#alerter ul,ol{
	line-height:20px;
}

#alerter input, select, textarea{
	margin:2px 6px 2px 2px;
	vertical-align:middle;
	font-family:Arial, Helvetica, "Trebuchet MS", Geneva, sans-serif;
	color:#333333;
	font-size:12px;
	white-space:normal;
}

#alerter button{
	margin:2px;
}


#alerter hr{
	margin:3px 0px 3px 0px;
	padding:0px;
	background:none;
	line-height:1px;
}

#alerter table{
	border-spacing:0;
	position:relative;
}

#alerter td{
	text-align:inherit;
	vertical-align:top;
	line-height:18px;
}

#alerter #phonewrapper 
{
    height:56px;
}

#alerter #phonewrapper div {
    float:left;
}

#alerter #phonewrapper #phonewrapper-left 
{
    height:56px;
    width:175px;
}

#alerter #phonewrapper #phonewrapper-left .topactive
{
    overflow:visible;
    background-repeat:no-repeat;
    background-color:#DDDDDD;
    width:100%;
    height:28px;
    background-image:url('../img/phone_bg_left.gif');
    background-position:left top;
}

#alerter #phonewrapper #phonewrapper-left .topinactive
{
    overflow:visible;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:100%;
    height:28px;
    background-image:url('../img/phone_bg_center_top.gif');
    background-position:right top;
}

#alerter #phonewrapper #phonewrapper-left .bottomactive
{
    overflow:visible;
    background-repeat:no-repeat;
    background-color:#DDDDDD;
    width:100%;
    height:28px;
    background-image:url('../img/phone_bg_left.gif');
    background-position:left top;
}

#alerter #phonewrapper #phonewrapper-left .bottominactive
{
    overflow:visible;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:100%;
    height:28px;
    background-image:url('../img/phone_bg_center_bottom.gif');
    background-position:right top;
}

#alerter #phonewrapper #phonewrapper-center 
{
    height:56px;
}

#alerter #phonewrapper #phonewrapper-right 
{
    height:56px;
    min-width:520px;
    overflow:visible;
    white-space:nowrap;
}

#alerter table.settingstable{
	margin-left:0px;
}
#alerter table.settingstable td, table.settingstable th{
	border-bottom:1px dotted #D0D0D0;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:6px;
	vertical-align:top;
	line-height:28px;
}
#alerter table.settingstable td{
	color:#404040;
	padding-right:12px;
}
#alerter table.settingstable th{
	text-align:right;
	color:#653E68;
}
#alerter table.settingstable tr.buttonrow{
	background-color:#E7F0FE;
}
#alerter table.settingstable tr.buttonrow td{
	text-align:left;
	vertical-align:middle;
}
#alerter table.settingstable tr.buttonrow th{
	vertical-align:middle;
}

/*DATA TABLES*/
#alerter table.datatable td, table.datatable th{
	border-bottom:1px solid #C0C0C0;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:3px;
	margin-top:6px;
	vertical-align:top;
	line-height:28px;
}
#alerter table.datatable td{
	color:#404040;
}
#alerter table.datatable th{
	text-align:left;
}

/*TEXT TABLES*/
#alerter table.texttable td, table.texttable th{
	border-bottom:1px solid #C0C0C0;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:3px;
	margin-top:6px;
	vertical-align:top;
}
#alerter table.texttable td{
	color:#404040;
}
#alerter table.texttable th{
	text-align:left;
}

#alerter div.wizardtext
{
    font-size:12pt;
    line-height:16pt;
    padding:0px 10px 10px 10px;
}

#alerter p.fakedatarow{
	border-bottom:1px solid #C0C0C0;
	/*border-top:1px solid #C0C0C0;*/
	padding-top:1px;
	padding-bottom:1px;
	margin-top:6px;
	line-height:28px;
	text-align:center;
}

#alerter span.dottedspan{
	border-bottom: 1px dotted #D0D0D0;
}

#alerter table.summarytable{
	width:100%;
}

#alerter table.summarytable th{
	text-align:right;
	font-weight:normal;
	color:#606060;
	padding:1px 5px 1px 0px;
}

#alerter table.summarytable td{
	text-align:left;
}

#alerter .fileloadfailed {
	display: block;
	color: #FF0000;
	font-weight: bold;
	font-size:small;
}

#alerter .fileupload {
	
}

#alerter div.notebetween {
    position:absolute;
    width:87px;
    height:23px;
    background-color:Transparent;
    background-image:url('../img/add_note_placeholder.gif');
    background-position:left top;
    cursor:pointer;
}

#alerter div.notebetween:hover {
    background-image:url('../img/adding_note.png');
}

#alerter div.notebetween:active {
    background-image:url('../img/add_note_placeholder.gif');
}

#alerter div.notebetween-inactive {
    background-image:url('../img/add_note_placeholder.gif');
}

#alerter .post_it_note_outer {
    margin-top:7px;
    margin-bottom:4px;
    background-color:#f7f083;
    float:left;
    background: url('../img/note.gif') no-repeat bottom right;
    overflow:visible;
    padding:5px;
}
#alerter .post_it_note_inner {
    float:left;
    position:relative;
    border: 1px solid #d9d273;
    margin: -10px 0px 0px -10px;
    padding:6px 10px 6px 10px;
    background-color:#f7f083;
}

#choosemessages {
	width: 400px;
	height: 30px;
	margin: 0 auto;

}

#choosemessages ul {
	margin: 0;
	padding-top: 0px;
	list-style: none;
}

#choosemessages ul li {
	display: inline;
}

#choosemessages ul li a {
	display: block;
	float: left;
	height: 21px;
	margin-left: 1px;
	padding: 3px 15px 0 15px;
	background: #FFFFFF url(../images/img21.gif) repeat-x;
	text-align: center;
	text-decoration:none;
    border-bottom: 1px solid #4a4a4a;
	font-weight: bold;
	color: #404040;
	outline-width:0;
}

#choosemessages ul li a:link,
#choosemessages ul li a:visited,
#choosemessages ul li a:active {
    color: #404040;
}

#choosemessages ul li a:hover {
	background: #fff398 url(../images/img22.gif) repeat-x;
	border-color: #feda8d;
	margin-top: -1px;
	margin-left: 0px;
	margin-right: -1px;
	border: 1px solid #4a4a4a;
	border-top: 1px solid #feda8d;
	border-left: 1px solid #feda8d;
	border-right: 1px solid #feda8d;
	border-bottom: 1px solid #4a4a4a;
	color: #404040;
}

#choosemessages ul li.choice a {
	height: 23px;
	margin-top: -2px;
	background-image: url(../images/img23.gif);
	background-position: bottom left;
	border: 1px solid #4a4a4a;
	border-bottom: none;
	font-weight: bold;
	color: #404040;
}

#choosemessages ul li.choice a:hover  {
	height: 23px;
	margin-top: -2px;
	margin-left: 1px;
	margin-right: 0;
	background-image: url(../images/img23.gif);
	background-position: bottom left;
	border: 1px solid #4a4a4a;
	border-bottom: none;
	font-weight: bold;
	color: #404040;
}

