body {
	font-family:sans-serif;
	font-size:0.8em;
	background-color:#FFF;
	padding:0px;
	margin:0px;
}

a {
	color:#06C;
}

a img {
	border-width:0px;
}

h1 {
	font-size:1.6em;
	font-weight:normal;
	margin:0px 0px 0.5em 0px;
}

h2 {
	font-size:1.1em;
	line-height:1.3em;
}

p {
	line-height:1.3em;
}




/* special items */

.emptyList {
	font-size:1.5em;
	text-align:center;
	color:#AAA;
	padding:3em 0px;
}

p.launch {
	padding:2em 0px 4em 0px;
	clear:left;
	text-align:center;
	}


p.launch a {
	font-size:1.2em;
	font-weight:bold;
	padding:0.8em 2em 0.8em 2.8em;
	margin:0px auto;
	text-align:center;
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;
	border-right:2px solid #AAA;
	border-bottom:2px solid #AAA;
	text-decoration:none;
	background-color:#FFF;
	}
	
p.launch a.application {
	background:#FFF url("../images/site/cog.png") no-repeat 1.3em 0.8em;
	}
	
p.launch a.model {
	background:#FFF url("../images/site/page_white_gear.png") no-repeat 1.3em 0.8em;
	}		
	
p.launch span.note {
	}	

p.launch a:active {
	border-top:2px solid #FFF;
	border-left:2px solid #FFF;
	border-right:1px solid #03A;
	border-bottom:1px solid #03A;
	}
	
p.launch a:hover {
	text-decoration:underline;
	}	


.top_description {
	margin-bottom:1.5em;
	}
	
.top_description p {
	margin:0.5em 0px;
	font-size:1.1em;
	line-height:1.3em;
	color:#666;
	}
	
	
	
a.creatorLink {
	background:transparent url("../images/site/user.png") no-repeat top left;
	padding:0.1em 0px 0.2em 18px;
	text-decoration:none;
	}
	
a.applicationLink {
	background:transparent url("../images/site/cog.png") no-repeat top left;
	padding:0.1em 0px 0.2em 20px;
	text-decoration:none;	
	}
	
a.applicationLink:hover, a.creatorLink:hover {
	text-decoration:underline;
	}

#profile h1.creatorHeadline {
	background:transparent url("../images/site/user.png") no-repeat left 0.6em;
	padding-left:20px;
	}

/* 
h1.applicationHeadline {
	background:transparent url("../images/site/cog.png") no-repeat top left;
	padding-left:20px;
	}	
	
h1.modelHeadline {
	background:transparent url("../images/site/page_white_gear.png") no-repeat top left;
	padding-left:20px;
	}		
*/


/* mobile support */

#mobile {
	float:right;
	padding:0px 1em;
	width:15em;
	text-align:left;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	background-color:#EEE;
		
}



/* profile pages */


#profile.application {
	}
	
#profile h1 {
	margin-bottom:0.3em;
	clear:right;;
	padding:0.6em 0.6em;
	margin:0px;
	color:#666;
	border-top:1px solid #EEE;
	border-bottom:1px solid #DDD;
	}

#profile.application h1 {
	background:#FFBA35 url("../images/site/selected_bg.gif") repeat-x bottom left;
	color:#FFF;
	border-bottom:1px solid #AAA;	
	}

#profile img {
	float:left;
	margin-bottom:0.5em;
	margin-right:0.8em;
}

#profile p.largePreviewOnly {
	text-align:center;
	}
	
	
#profile p.largePreviewOnly img {
	float:none;
	}	


#ProfileCreations {
	padding-top:5em;
	clear:both;
	}


/* layout */

#wrap {
	width:80%;
	max-width:90em;
	min-width:740px;
	_width:740px;
	margin:0px auto;
}


#narrow {
	width:740px;
	margin:0px auto;
	}


.wide_column {
	float:left;
	margin-left:250px;
}










/* app filter */

#app_filter {
	float:left;
	width:220px;
	margin-right:-250px;
}

#app_filter h2 {
	font-size:1em;
	font-weight:normal;
	color:#666;
	margin:0px;
	background-color:#DDD;
	padding:0.5em 1em 0.5em 1em;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#app_filter ul {
	list-style:none;
	margin:0px 0px 3.5em 0px;
	padding:0px;
}

#app_filter li {
	margin:0px;
	padding:0px;
	background-color:#F6F6F6;
	border-bottom:1px solid #DDD;
}

#app_filter li a {
	display:block;
	padding:1em 20px 1em 1em;
	text-decoration:none;
	font-size:1.2em;
}

#app_filter li.current {
	background:#FFBA35 url("../images/site/selected_bg.gif") repeat-x bottom left;
	margin:0px -3px;
	border-top:1px solid #FFBA35;
}

#app_filter li.current a, #app_filter li.current a:hover {
	color:#FFF;
	font-weight:bold;
	background:transparent url("../images/site/selected_arrow.gif") no-repeat center right;	
}


#app_filter li a:hover {
	background:transparent url("../images/site/hover_arrow.gif") no-repeat center right;
}








/* header */




p.subtitle {
	font-size:1.2em; 
	margin:0px 0px 1.5em 0px;
	color:#666;
}

p.subtitle span {
	margin-left:0.3em;
	color:#666;
}


.details {
	font-size:1.1em; 
	margin:0px 0px 1.5em 0px;
	padding:0.3em 0.8em 0.5em;
	color:#666;
	border-top:3px solid #EEE;
	background-color:#F3F3F3;
}

/* navigation */

#navigation {
	padding-top:8px;
	background:#DDD url("../images/site/nav_back.gif") repeat-x bottom left;
}

#navigation ul {
	padding:0px;
	height:35px;
	list-style:none;
	width:80%;
	min-width:740px;
	_width:740px;
	margin:0px auto;
}

#navigation li {
	float:left;
	height:35px;
	margin:0px 1em 0px 0px;
	background:transparent url("../images/site/nav_link_left_dark.gif") no-repeat top left;
}

#navigation li.right, #navigation li.external {
	float:right;
	height:35px;
	margin:0px 0px 0px 1em;
}

#navigation li.external {
	background:none;
	}
	


#navigation li a {
	font-size:1.2em;
	float:left;
	height:35px;
	line-height:28px;
	margin:0px;
	padding:0px 13px;
	color:#FFF;
	background:transparent url("../images/site/nav_link_right_dark.gif") no-repeat top right;
	margin-left:1px;
	text-decoration:none;	
}

#navigation li.external a {
	text-decoration:underline;
	color:#DDD;
	background:none;
	padding:0px 0.5em 0px 0px;
}

#navigation li.current {
	background:transparent url("../images/site/nav_link_left.gif") no-repeat top left;
}

#navigation li.current a {
	color:#005292;
	background:transparent url("../images/site/nav_link_right.gif") no-repeat top right;

}

#navigation form {
	line-height:25px;
	height:35px;
	padding:0px;
	margin:0px;
	float:left;
}





/* lists */

#item_list {
	clear:both;
	}
	
#item_list ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#item_list li {
	padding:1.5em 0px 1.5em 0px;
	background-color:#FFF;
	border-top:1px solid #DDD;
	margin:0px;
}


	

#item_list li hr {
	border-width:0px;
	visibility:hidden;
	margin:0px;
	clear:both;
}

#item_list li.even, li.even {
	/* background-color:#E5F0FA; */
}






/* items in lists */

li div.item_details {
	float:left;
	padding-bottom:5px;
}

li a.image_preview {
	display:block;
	float:left;
	padding-bottom:5px;
	margin-right:0.9em;
}

a.image_preview img {
	border:1px solid #EEE;
	padding:3px;
}

li div.item_details h2 {
	margin:0px;
	padding:0px;
	font-size:1.3em;
	font-weight:normal;
}

li div.item_details h2 a {
	text-decoration:none;
}

li div.item_details h2 a + a {
	font-size:0.7em;
	margin-left:0.5em;
	}


li div.item_details p {
	font-size:1em;
	line-height:1.3em;
	margin:0.3em 0px;
	color:#999;
}


li div.item_details p a {
	color:#666;
}


li div.item_details p a:hover {
	color:#06C;
}





li div.item_details h2.Application {
	background:transparent url("../images/site/cog.png") no-repeat top left;
	padding-left:20px;
	}
	
li div.item_details h2.Model {
	background:transparent url("../images/site/page_white_gear.png") no-repeat top left;
	padding-left:20px;
	}
	
li div.item_details h2.User {
	background:transparent url("../images/site/user.png") no-repeat top left;
	padding-left:20px;
	}	


/* pagination */

p.pagination {
	text-align:left;
	color:#999;
	padding:0.5em 0px 0.5em 0px;
	position:relative;
	border-top:1px solid #DDD;
	margin:0px;

}

span.pages {
	float:right;
	margin-right:-0.2em;
	padding:1px;
}

p.pagination a {
	text-decoration:none;
	margin:0px 0.3em;
}

p.pagination a.next, p.pagination a.previous {
	font-weight:bold;
	margin:0px 0.4em 0px 0px;
	text-decoration:underline;
}

p.pagination a:hover {
}

p.pagination span.current {
	margin:0px 0.3em;
	font-weight:bold;
	color:#000;
}

span.next, span.previous {
	color:#999;
	margin:0px 0.4em 0px 0px;
}




/* forms */



form {
	margin:0.5em 0px 0.5em;
}

form h2 {
	margin:0.8em 0px 0.5em;
	padding:0px;
	font-size:1em;
}

form.flat {
	margin:0px;
	padding:0px;
}

form p {
	margin:0.7em 0px 1em;
	padding:0px;
}

form span.note {
	color:#666;
	font-size:0.9em;
	margin-top:0.3em;
	display:block;
}


form label {
	color:#333;
	display:block;
	margin:0em 0px 0.3em;
	padding-top:0.3em;
}

form label.right {
	color:#333;
	display:inline;
	margin:0px 1em 0px 0px;
	padding:0px;
}

span.label {
	color:#000;
	margin:0px 1em 0px 0px;
}

form fieldset {
	background-color:#E5F0FA;
	border-width:0px;
	border:1px solid #CDD8E3;
	margin:0px 0px 1em 0px;
	padding:0.3em 2em 1em 2em;
}


button, input[type="submit"] {
	margin-right:0.5em;
}

input[type="checkbox"], input[type="radio"] {
	vertical-align:middle;
}

form input[type="text"] {
	font-size:1.3em;
}

form textarea {
	font-family:sans-serif;
	font-size:1em;
	height:6em;
	line-height:1.3em;
	width:25em;
}

form input.big_option {
	font-size:1.5em;
	font-weight:bold;
	margin:0.5em 0px 2em 0px;
}

input[type="checkbox"] {
	margin:0px 0.3em 0px 0px;
}

.error {
	color:Red;
	}




/* footer */

#footer {
	clear:both;
	padding-top:3em;
}

#footer_content {
	color:#999;
	background:#FFF url(../images/site/footer.gif) repeat-x top left;
	border-top:1px solid #999;;
	padding:1em 0px 2em 0px;
	}
	
#footer_content p {
	width:80%;
	max-width:90em;
	min-width:740px;
	_width:740px;
	margin:1em auto;
	}

#footer_content span {
	margin-right:1em;
	font-size:1.2em;
	color:#333;
	}


#footer p.credit a {
	color:#999;
}

#footer p.credit {
	font-size:1em;
}



/* embed and url display */

#embedItem {
	clear:both;
	padding-top:2em;
	background-color:#FFF;
	}
	
#embedItem p {
	margin:0px;
	padding:5px 0px 5px 23px;
	border-top:1px solid #DDD;
	}

.embedItemLabel {
	margin-right:0.5em;
	color:#333;
	}

#embedItem #permUrl {
	background:transparent url("../images/site/link.png") no-repeat left 5px;
	}
	
#embedItem .prevCode {
	background:transparent url("../images/site/image_link.png") no-repeat left 5px;
	}	



span.code {
	display:block;
	padding:0.5em 0.5em 0.3em 0.5em;
	color:#999;
	border:1px solid #EED;
	margin:0.5em 0px;
	font-size:0.9em;
}

span.url {

	}


/* ads */

#item_list li.ad {
	text-align:center;
	clear:left;
	padding:0.5em 1em;
	background-color:#EEE;
	}
	
	
#ad_top_right {
	float:right;
	border-left:1px solid #DDD;
	padding:0.5em 0px 0px 1em;
	}
	
#ad_wide {
	clear:both;
	padding:0.5em 1em 0px 1em;
	margin:1em auto;
	text-align:center;
	width:480px;
	border:1px solid #DDD;
	}		

	
#ad_top {
	text-align:center;
	padding:1em 1em 0px 1em;
	margin: 0px 0px 2em;
	border-bottom:1px solid #DDD;
	background-color:#EEE;
	}




/* front page */


	
p.large {
	font-size:1em;
	margin:0.5em 0px;
	color:#666;
	}

#login_box {
	float:right;
	margin:1em 1em 0px 2em;
	padding:0px 0px 0px 1.5em;
	border-left:1px solid #EDF0F3;
}

#login_box fieldset, #login_box form {
	border-width:0px;
	padding:0px;
	margin:0px;
	background-color:transparent;
}

#teaser {
	float:left;
}


#teaser ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#teaser ul a, #teaser ul b {
	font-weight:normal;
}

#teaser li {
	font-size:1.3em;
	margin:1em 0px;
	line-height:1.2em;
	color:#333;
}


#more {
	clear:both;
	margin:0px 0px 1em 0px;
	color:#333;
	}



.box {
	margin-top:2em;
	padding:0.3em 1em 0.3em 2em;
	margin-bottom:1em;
	background:#FFF url("../images/site/box_bg.gif") repeat-x top left;
	border:1px solid #EDF0F3;
	}
	
	
	
/* specific pages */

.sodaplayOne {
	float:right;
	margin:1em 1em 0px 2em;
	padding:0px 0px 0px 1.5em;
	border-left:1px solid #EDF0F3;
	width:200px;
	}
	
.sodaplayOne p {
	margin:0px 0px 1em 0px;
	}
	
.oldSopdaplay {
	text-align:right;
	color:#999;
	padding-right:1em;
	font-size:0.9em;
	}	

.oldSopdaplay a {
	color:#666;
	}	
	
	
/*  messages */

#StatusMessage	{
	padding:0.2em 2em;
	margin:0.5em 0px 2em 0px;
	clear:both;
	text-align:center;
}

#StatusMessage.success {
	background-color:#DFF0AA;
	border-top:1px solid #D0E09C;
	border-bottom:1px solid #D0E09C;
}

#StatusMessage.failure {
	background-color:#FFC4B7;
	border-top:1px solid #FFB4A2;
	border-bottom:1px solid #FFB4A2;
}

#StatusMessage p {
	margin:0.3em 0px 0.3em 0px;
	padding:0px;
}












#bigWarning {
	border:5px solid #CCC;
	padding:1em;
	text-align:center;
	margin:4em;
}

#bigWarning p {
	font-size:1.3em;
	background-color:transparent;

}

#bigWarning h2 {
	color:#F00;
	font-size:1.3em;
	font-weight:normal;
}

#bigWarning p a {
	text-decoration:underline;
}








/* tab selector */


p.selector {
		clear:left;
        font-size:1em;
        height:2.3em;
        line-height:2.4em;
        margin:2.5em 0px 1.5em 0px;
        padding:0px;
        background:#FFF url(../images/site/selector_back.gif) repeat-x left bottom;
}
	
	
p.selector span.tabs a {
        background:#FFF url(../images/site/selector_link.gif) repeat-x left bottom;
        border:1px solid #AAA;
        border-bottom:0px;
        display:block;
        float:left;
        height:2.3em;
        line-height:2.4em;
        margin:-1px 5px 0px 0px;
        _margin:0px 5px 0px 0px;
        padding:0px 1em;
        text-decoration:none;
}

p.selector span.no_tab {
	color:#999;
	float:right;
	line-height:1.5em;
}


p.selector span.no_tab a {
	text-decoration:underline;
	margin-left:1.8em;
	float:left;
	height:1.5em;
	line-height:1.5em;
}

p.selector span.no_tab a:hover {
	text-decoration:underline;
}

p.selector span.no_tab span {
	margin-left:0.8em;
	float:left;
	height:1.5em;
	line-height:1.5em;
}

p.selector span.tabs a.current {
        background-image:none;
		color:#333;
        border-bottom:2px solid #FFF;
        margin-top:-3px;
        _margin-top:0px;
}

.hideme {
	display:none;
	background-color: Lime;
}





/* sub nav */

.controls {
	margin:0px;
	padding:0px;
	}
	
		
.controls a {
	float:right;
	background-color:#EEE;
	margin:0px 0px 5px 0.5em;
	padding:0.5em 1em 0.3em 1em;
	border:1px solid #F0F0F0;
	text-decoration:none;
	font-weight:bold;
}

.controls a:hover {
	text-decoration:underline;
	}

.controls span.confirm {
	float:right;
	margin-left:2em;
	padding:0.5em 0em 0.3em 1em;
	text-decoration:none;
	color:#F00;
}
#deleteItemLink, #deleteItemLink-confirm {
	background:#F6F6F6 url("../images/default/icons/delete.png") no-repeat 8px 0.2em;
	padding:0.5em 1em 0.3em 28px;
}

#deleteItemLink:hover {
	color:#F00;
}

#editItemLink {
	background:#F6F6F6 url("../images/default/icons/cog_edit.png") no-repeat 8px 0.2em;
	padding-left:30px;
}



/* Google Search  */

#googleSearch {
	padding:1em;
	text-align:center;
	width:500px;
	margin:3em auto 1em auto;
}


#googleSearch p.note {
	color:#666;
	font-size:0.9em;
	margin-top:2em;
}

#googleSearch h1 {
	margin:1em 0px;
	color:#333;
	font-size:1.5em
	}

#sbi {
	font-size:1.5em;
}

#sbb {
	margin-top:1em;
	font-size:1.2em;
}



#frontItems {
	margin-bottom:1em;
	}

#frontItems .items img {
	border:1px solid #EEE;
	padding:10px;
	margin-bottom:10px;
	background-color:#FFF;
}

#frontItems .items a:hover img {
	border:2px solid #DDD;
	padding:9px;
	background-color:#FFF;
}

#frontItems .items a {
	margin:0px 10px 0px 0px;
	}