/*********  Copyright 2000-2007 UIEvolution ************/
/*********  Global Stylesheet **************************/

*{padding:0; margin:0;}

body {
	background: #CDD7E0; 
	font: 11px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	text-align: left; 
	margin: 0px 0px 0px 0; 
	behavior: url(../assets/src/csshover.htc);
}
a:link, a:visited, a:active {
	color: #17486E; 
	text-decoration: underline;
}
a:hover {
	color: #2980C5; 
	text-decoration: none;
}
img {
	border: none; 
}
/********  Navigation  **********/
#logo {
	float: right;
	margin-right: 0px;
}
#nav {
	margin: 0;
	height: 34px;
	padding: 53px 0 0 0;
	border: 0px solid red;
}
#nav li {
	list-style: none;
	display: block;
	float: left;
	padding: 0;
	margin: 0px;
	height: 34px;
	background: url(../img/bg_nav_li.gif) left top no-repeat;
}

#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #ddd;
	display: block;
	float: left;
	padding: 10px 13px 0 13px;
	height: 24px;
	line-height: 12px;
	font-size: 14px;
	background: url(../img/bg_corner_tr_blue.gif) top right no-repeat;
}
body#n1 li#n1 a:link, body#n1 li#n1 a:visited,
body#n2 li#n2 a:link, body#n2 li#n2 a:visited,
body#n3 li#n3 a:link, body#n3 li#n3 a:visited,
body#n4 li#n4 a:link, body#n4 li#n4 a:visited,
body#n5 li#n5 a:link, body#n5 li#n5 a:visited,
body#n6 li#n6 a:link, body#n6 li#n6 a:visited,
#nav a:hover, a:active {
	color: #F7941D;
}


body#n1 li#n1, body#n2 li#n2,
body#n3 li#n3, body#n4 li#n4,
body#n5 li#n5, body#n6 li#n6 {
	background-position: left -44px;
	color: #F7941D;
	font-weight: bold;
}



/* top nav styles */
#top_nav {
	postion: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	height: 25px;
	margin-bottom: -22px;
	width: 100%;
	background: url(../img/bg_top_tab.gif) repeat-x top;
}
#nav_members {
	position: absolute;
	left: 50%; 
	margin: 0 auto 0 -461px;
	width: 160px;
	height: 25px;
	background: url(../img/bg_top_tab_liner.gif) repeat-x bottom;
}

#nav_members #left {
	background: url(../img/bg_top_tab_liner_left.gif) no-repeat bottom left;
	height: 25px;

}
#nav_members #right {
	background: url(../img/bg_top_tab_liner_right.gif) no-repeat bottom right;
	height: 23px;
	padding: 2px 0px 0 23px; 

}
#nav_members a:link, #nav_members a:visited {
	color: #80A8BE;
	text-decoration: none;
}
#nav_members a:hover {
	color: #FAA84B;
}
/* browse nav styles */
.ex-tabnav {
	background: url(../img/bg_ex_tabnav.gif) repeat-x;
	height: 31px;
	padding: 22px 0 0 0;
	margin-bottom: 20px;
}
/***********  Layout Structures  *************/
#liner0 {
	width: 100%;
	background: #fff url(../img/bg_body.gif) repeat-x top; 
}
#liner1 {
	width: 100%;
	background: url(../img/bg_liner.gif) no-repeat top center;
}
#liner2 {
	width: 100%;
	background: url(../img/bg_footer.gif) repeat-x bottom center;
	padding: 0 0 20px 0;
}
#site-holder {
	width: 941px;
	margin: 0 auto 0 auto;
	padding: 8px 4px 0 4px;
	background: url(../img/bg_liner2.gif) no-repeat top center;
}

#page-title {
	padding: 30px 0 10px 20px;
}
#page-title p {
	color: #2a6287;
}


td#col1 {
	background: url(../img/bg_vdots.gif) right repeat-y;
	padding: 0 1px 75px 0;
	margin: 0;
	vertical-align: top;
}
td#col2 {
	background: url(../img/bg_vdots.gif) right repeat-y;
	padding: 0 1px 75px 0;
	margin: 0;
	vertical-align: top;
}
td#col3 {
	padding: 0 0px 75px 0;
	margin: 0;
	vertical-align: top;
}
td.grad-eee {
	background: #E1E1E1 url(../img/bg_grad_eee.gif) repeat-x top;
}
.padbox {
	padding: 0 26px 0 26px;
}

td#col2.edit-broadcast {
	background: #E6E6E6 url(../img/bg_edit_col.gif) repeat-x top;
	height: 526px;
}

.undershadow {
	background: url(../img/bg_undershadow.gif) no-repeat top left;
	padding: 0 0 5px 0;
	width: 100%;
}
.curtain-blue {
	background: url(../img/bg_curtain_blue.gif) repeat-y;
	width: 434px;
	margin: 0 10px 10px 15px;
}
.curtain-blue .top {
	background: url(../img/bg_curtain_blue_top.gif) no-repeat top left;
}
.curtain-blue .bottom {
	background: url(../img/bg_curtain_blue_bottom.gif) no-repeat bottom left;
	padding: 20px 0 20px 0;
}

.curtain-green {
	background: url(../img/bg_curtain_green.gif) repeat-y;
	width: 434px;
	margin: 0 10px 10px 15px;
}
.curtain-green .top {
	background: url(../img/bg_curtain_green_top.gif) no-repeat top left;
}
.curtain-green .bottom {
	background: url(../img/bg_curtain_green_bottom.gif) no-repeat bottom left;
	padding: 20px 0 0px 0;
}

td.label {
	padding: 0px 8px 25px 0px;
	text-align: right;
	color: #17486E;
	font-weight: bold;
	vertical-align: top;
	line-height: 14px;
}
/* Footer */
#footer {
	width: 921px;
	margin: 0 auto 0 auto; 
	padding: 10px 20px 10px 4px;
	text-align: right;
}
/********** Content Callout Styles ***********/
table td {
	vertical-align: top;
}
.hdots {
	background: url(../img/bg_hdots.gif) repeat-x top;
	padding:1px 0 0 0;
}
.vdots {
	background: url(../img/bg_vdots.gif) repeat-y right;
	padding: 0 1px 0 0;
}

.grad-blue-left {
	background: #BDCEDA url(../img/bg_media_upload.gif) repeat-y left;
	margin: -20px 0 0 0;
	padding: 20px 26px 5px 26px;
}
.grad-blue-left h1 a:link, .grad-blue-left h1 a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	text-decoration: underline;
	margin: 0 0 5px 0; padding: 0;
}
.grad-blue-left h1 a:hover {
	color: #FDECD7;
}
.grad-blue {
	background: url(../img/bg_grad_blue.gif) repeat-x top;
	padding: 20px 0px 10px 0px;
}
.grad-orange {
	background: url(../img/bg_grad_orange.gif) repeat-x top;
	padding: 20px 0px 10px 0px;
}
.grad-gray-right {
	background: #ECECEC url(../img/bg_grad_gray_right.gif) repeat-y right;
	padding: 2px 0 2px 0;
}
.grad-gray-left {
	background: #ECECEC url(../img/bg_grad_gray_left.gif) repeat-y left;
	padding: 2px 0 2px 0;
}
.grad-blue-right {
	background: #7D9BAE url(../img/bg_grad_blue_right.gif) repeat-y right;
	padding: 2px 0 2px 0;
}
.grad-green-left {
	background: #A1AE80 url(../img/bg_grad_green_left.gif) repeat-y left;
	padding: 2px 0 2px 0;
}
.grad-orange-left {
	background: #FBB96F url(../img/bg_grad_orange_left.gif) repeat-y left;
	padding: 2px 0 2px 0;
	text-transform: uppercase;
}
.grad-orange-left a:link, .grad-orange-left a:visited {
	color: #fff;
}
.grad-orange-left a:hover {
	color: #17486E;
}
.inner-trim {
	padding: 10px 26px 10px 26px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.bgpix-orange, .bgpix-blue, .bgpix-green, .bgpix-purple, .bgpix-bluegreen, .bgpix-red {
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 5px 0;
}
.bgpix-blue {
		background: url(../img/bg_pix_blue.gif);
}
.bgpix-red {
		background: url(../img/bg_pix_red.gif);
}
.bgpix-green {
		background: url(../img/bg_pix_green.gif);
}
.bgpix-orange {
		background: url(../img/bg_pix_orange.gif);
}
.bgpix-purple {
		background: url(../img/bg_pix_purple.gif);
}
.bgpix-bluegreen {
		background: url(../img/bg_pix_bluegreen.gif);
}

.disclaimer {
	padding: 0px;
	font-size: 10px;
	text-align: left;
	margin: 0 0 0px 0;
}
.disclaimer a:link, .disclaimer a:visited {
	text-decoration: none;
	color: #2980C5;
}
.disclaimer a:hover {
	color:#FAA13F;
}
table.device_list {
	text-align: left;
}
table.device_list td {
	background: url(/images/bg_vdots.gif) repeat-y left;
	vertical-align: top;
	width: 33%;
}
table.device_list td p {
	padding: 0 5px 0 8px;
	margin: 0;
}
/********** Error Message Styles ***********/

.error-message {
	color: red;
	font-weight: bold;
   font-size: 12px;
	padding: 3px;
	margin: 6px 0 6px 0;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
}
#content .error-message ol {
	margin: 0; padding: 0 0 0 20px;
}
#content .error-message ol li {
	color: #930000;
}


/********** Widget 1-2-3 Styles ***********/
.title-green, .title-blue, .title-orange {
	padding: 0px 0 0px 0px;
	margin: 0 -1px 20px 0;
	height: 51px;	
}
.title-green p, .title-blue p, .title-orange p {
	color: #ddd;
	margin: 0 0 0 46px;
	padding: 0 0 0px 0;
}
.title-green h2, .title-blue h2, .title-orange h2 {
	margin: 0 0 0 46px;
	padding: 6px 0 0 0;
}
.title-green {	background: #8B9B62; }
.title-blue {	background: #17486E; }
.title-orange {	background: #FAA84B; }



/********** TYPE FORMATS ***********/
h1 {
	font: bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #17486E;
}
.green-highlight {
	font-size: 22px; 
	background: #8B9B62; 
	color: #fff; 
	padding-right: 4px;
	font-style: italic;
}
#page-title h1 {
	font: bold 32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 0 0 0px;
	margin: 0;
	color: #17486E; 
}
td#col3 h1 {
	font-size: 16px;
}
h2 {
	font: 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #fff;
}
h2.register {
	font: 20px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 280px 20px 4px;
	text-align: right;

	padding: 0 0 5px 0;
	color: #fff;
	border-bottom: 3px double #fff;
}
h3 {
	font: bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #17486E;
	margin: 0 0 5px 0px;
	padding: 0;
}
h4 {
	font: bold 14px/17px "Trebuchet MS", Verdana, "Century Gothic", Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 7px;
	color: #17486E;
}

h5 {
	font: bold 14px/17px "Trebuchet MS", Verdana, "Century Gothic", Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	color: #48697C;
}

.clr {clear: both;}



b { color: #17486E; }
p { margin-top: 0px; padding-top: 0px; padding-bottom: 13px;}

#content ol li {
	background-image: none;
	margin: 0 0 0 20px;
	padding: 0;
	list-style: decimal;
	color: #333;
	font-weight: bold;
}
#content ol li p {
	color: #333;
	font-weight: normal;
}

.buildnote {
	color: #FF0000;
}


.orange-highlight {
	background: #FAA84B;
	padding: 2px 4px 2px 4px;
	color: #fff;
}

.small {
	font-size: 10px;
}
ul {
	padding: 0 0 0 20px;
}
li {
	list-style: circle;
}
.ast {
	color: #FAA84B;
}
/************  Image Styles  *******************/
img.hover1 {
		padding: 2px;
		background: #fff;
		border: 1px solid #ccc;
		margin: 1px;
	}
img.hover1:hover {
		border: 1px solid #F7941D;
	}

img.hover2 {
		padding: 0px;
		background: #fff;
		border: 1px solid #ccc;
		margin: 1px;
	}
img.hover2:hover {
		border: 1px solid #F7941D;
	}
img.hover3 {
		padding: 0px;
		background: #fff;
		border: 2px solid #ccc;
		margin: 1px;
	}
img.hover3:hover {
		border: 2px solid #F7941D;
	}
img.nohover1 {
		padding: 2px;
		background: #fff;
		border: 1px solid #ccc;
		margin: 7px;
	}

img.left {
	float: left;
	margin: 0 0 0 0;
}
img.right {
	float: right;
	margin: 0 0px 0 10px;
}

.ib-thumb {
	float: left;
	width: 80px;
	height: 80px;
	overflow: hidden;
	padding: 0;
	margin: 7px 7px 0 0;
	background: #eee;
	border: 2px solid #17486E;
}
.ib-thumb input {
	padding: 0;
}
.ib-thumb img {
	border: none; padding: 0; margin: 0;
}
div.ib-thumb:hover {
	border: 2px solid #FAA84B;
}


/************  Link Styles  *******************/
h1 a:link, h1 a:visited {text-decoration: none;}
a:link.nounderline, a:visited.nounderline {
	text-decoration: none;
}

a:link.orange, a:visited.orange {
	color: #FA9729;
}

a:hover.orange {
	color: #5F90A6;
	text-decoration: underline;
}
a:link.orangeback, a:visited.orangeback {
	text-decoration: none;
	background: #FFD6A3 url(/images/bg_link_orange_back.gif) no-repeat left center;
	padding: 2px 5px 2px 20px;
	color: #48697c;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
}

a:hover.orangeback {
	border-top: 1px dotted #48697C;
	border-bottom: 1px dotted #48697C;
}


a:link.done, a:visited.done {
	display: block;
	width: 100px;
	height: 18px;	
	padding: 8px 18px 8px 18px;
	text-align: center;
	background: #8B9B62 url(../img/bg_done.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
a:hover.done {
	background-color: #FAA84B;
}
a:link.done-blue, a:visited.done-blue {
	display: block;
	width: 100px;
	height: 18px;	
	padding: 8px 18px 8px 18px;
	text-align: center;
	background: #17486E url(../img/bg_done.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
a:hover.done-blue {
	background-color: #FAA84B;
}




a:link.green-dotted, a:visited.green-dotted {
	display: block;
	color: #fff;
	padding: 3px;
	text-align: center;
	border-style: dotted;
	border-width: 1px;
	text-decoration: none;
	height: 19px;
	width: 60px;
	background: #8B9B62;
}
a:hover.green-dotted {
	border-style: solid;
	background: #B9C49A;
	color: #333;
}
a:link.edit-widgets, a:visited.edit-widgets {
	margin-left: 20px;
	display: block;
	height: 60px; 
	width: 178px;
	padding: 46px 0 0 82px;
	text-decoration: none;
	color: #666;
	background: url(../img/bg_edit_widgets.gif) no-repeat top left;
}
a:hover.edit-widgets {
	background-position: left -114px;
}
a:link.help, a:visited.help {
	display: block;
	text-decoration: none;
	color: #FAA84B;
	padding: 2px;
}
a:hover.help {
	background: #FAA84B;
	color: #fff;
}
/************  Form Elements  *******************/
form{
	margin: 0px;
	padding: 0px;
}
#search{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 10px;
}
#searchbox {
	padding-left: 22px;
	margin-top: 0px;
	padding-bottom: 10px;
}

.submit{
	height: 16px;
	width: 16px;
	vertical-align: top;
	padding-top: 1px;
	border-style: none;
}
textarea {
	font-size: 12px;
	color: #17486E;
	background: #eee;
	border: 1px solid #666;
	padding: 2px 0 2px 2px;
	margin: 0;
	width: 90%;
	height: 60px;
	margin: 7px 0 7px 0;
	font-family: "Trebuchet MS", Arial, Sans-serif;
}
select {
	font-size: 12px;
	color: #17486E;
	background: #eee;
	border: 1px solid #666;
	padding: 2px 0 2px 2px;
	width: 50%;
	margin: 0;
}

input {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	color: #333;
	background: #eee;
	border: 1px solid #666;
	padding: 2px 0 2px 2px;
	margin: 0;
	border-style: inset;
}
input.select {
	background: red;
}
input.done, input.done-blue {
	background: #8B9B62 url(../img/bg_done.gif) repeat-x;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	padding: 7px 3px 7px 3px;
	border: none;
}
input.done-blue {
	background-color: #0D5B8C;
}
input.done:hover, input.done-blue:hover {
	background-color: #FAA84B;
	cursor: pointer;
	cursor: hand;
}

input.browse {
	width: 90%;
	font-size: 12px;
	color: #17486E;
	background: #eee;
	border: 1px solid #666;
	padding: 2px 0 2px 2px;
	margin: 0;
}
input.default {
	margin: 0 0 5px 0;
	border: 1px solid #333;
	padding: 2px;
	width: 80%;
}

input.radio {
	background: none;
	border: none;
}
input.namechange {
	padding-left: 5px;
	font-size: 16px;
	font-weight: bold;
	background:#8B9B62;
	color: #fff;
}
input.namesubmit {
	margin: 0 0 0 4px;
	padding: 4px;
	text-decoration: none;
	height: 28px;
	width: 60px;
	background:#AFBC92;
}
input.namesubmit:hover {
	background: #DEE6D2;
}

input.orange-highlight {
	border-style: dashed;
}
input img {
	border: none;
	padding: 0;
	margin: 0;
}
/************  POPON Styles  *******************/
#overlay {
	display: none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index: 1000;
	background-color: #333;
	-moz-opacity: 0.6;
	opacity: 0.60;
	filter: alpha(opacity=60);
}
#POPON {
	background: #fff url(../img/bg_popon.jpg) no-repeat bottom right;
	display: none;
	position: absolute; 
	top: 80px;
	left: 50%;
	z-index: 5000;
	margin-left: -290px; 
	width: 540px; 
	padding: 10px 0 20px 0;
   border: solid #17486E 10px; 
   text-align: left; 
}
#POPON h1 {
	background: #666;
	color: #fff;
	padding: 6px 6px 4px 6px;
	margin: 0px 0 13px 0;
	font-style: italic;
	font-size: 26px;
	text-align: right;
}
#POPIMAGEDIV {
	text-align: center;
}
#POPIMAGEDIV img {
	border: 1px solid #666;
	margin: 0;
}

#inner-popon {
	margin: 0 auto 0 auto;
	padding:0;
	width: 502px;
}

/************  Skins for preview  *******************/
.skin_phone {
	background: url(../img/skin_razr.gif) no-repeat;
	height: 289px;
	width: 227px;
	padding: 87px 0 0 48px;
}
.skin-phone-gray {
	background: url(../img/bg_skin_gray.gif) no-repeat;
	height: 288px;
	width: 226px;
	padding: 87px 0 0 48px;

}

td#splash {
	width: 174px;
	height: 204px;
	vertical-align: middle;
	overflow-y: hidden; 
	text-align: center;
	border: 0px solid red;
}
.skin_phone #slideshow {
	width: 176px;
	height: 204px;
	border: 0px solid Red;
	overflow: hidden; 
}
.skin_phone #preview {
	width: 176px;
	height: 204px;
	border: 0px solid Red;
	background: #fff;
	overflow: hidden; 

}

.skin_phone #text-feature {
	width: 166px;
	height: 194px;
	overflow-y: scroll;
	background: #8B9B62;
	padding: 5px;
}
.skin_phone #calendar-feature {
	width: 166px;
	height: 194px;
	padding: 5px;
	text-align: center;
}
#text-feature h2 {
	margin-bottom: 5px;
}



/***** Delicious Tags ************/
#linklove {
	float: left; 
	text-align: left; 
	border: none;
	padding: 0;
}

a:link.delicious, a:visited.delicious {
	background: url(../img/delicious.gif) no-repeat center left;
	padding-left: 20px;
	text-decoration: none;
}
a:link.digg, a:visited.digg {
	background: url(../img/digg.gif) no-repeat center left;
	padding-left: 20px;
	text-decoration: none;
}
a:link.technorati, a:visited.technorati {
	background: url(../img/technorati.gif) no-repeat center left;
	padding-left: 20px;
	text-decoration: none;
}
a:hover.delicious, a:hover.digg, a:hover.technorati {
	color: #F7941D;
}
a:link.empty-save-to-link, a:visited.empty-save-to-link {
	display: none;
}