/*
Title:      Madgex master styles inc. Yahoo reset
Author:     James Wragg
Copyright:  2008, Madgex Ltd.
*/

		/*
			Copyright (c) 2008, Yahoo! Inc. All rights reserved.
			Code licensed under the BSD License:
			http://developer.yahoo.net/yui/license.txt
			version: 2.5.1
		*/
		html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

		body {
			background-color: #fff;
			font: 12px/1.4 Arial, Helvetica, sans-serif;
			color:#333333;
			position: relative; /* fix for ie6 to enable the body text to be selectable */
		}
		
	
	
		/* type */
		h1 {
			font: 26px/0.9 Arial, Helvetica, sans-serif;
            margin-bottom: 1em;
		}
		h2 {
			font: 24px/1.05 Arial, Helvetica, sans-serif;
			margin-bottom: 1em;
		}

		h3 {
			font-weight: bold;
			}
			h3.dink {
				background:transparent url(/images/grey-dink.gif) no-repeat scroll left top;
				display:block;
				font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
				font-size:18px;
				line-height: 22px;
				height:119px;
				left:-170px;
				padding:30px 18px 0pt;
				position:absolute;
				top:7.3em;
				width:116px;
			}
		p{ margin: 0.4em 0 1.4em 0; }
		strong { font-weight: bold }
		
		/* link effects */
		a,a:visited,a:active {
			text-decoration: none;
			color: #5fa5ec;
			font-weight: bold;
		}
		#main-content a:hover {
			text-decoration: underline;
		}
		.news p a {
			color: #5fa5ec !important;
			font-weight: bold;
		}
        .breakout span { display: block; text-align: left; padding-left: 30px;}
		.breakout span a{
		    color: #5fa5ec !important;
		}
		
		
		/* layout */
		#content,
		#footer,
		#quote,
		.wrapper {
			width: 960px;
			margin: 0 auto;
			position: relative;
		}
		
		#header {
			color: #c6c7c8;
			background: #3f4346 url(/images/bg-lab.jpg) bottom center no-repeat;
			height: 300px;
			position: relative;
			}
			#header .band {
				color: #9a9c9e;
				background: #fb9708;
				height: 100px;
				position: relative;
			}
			#header .band p {
				width: 960px;
				margin: 0 auto;
			}
			#header #logo {
				position: absolute;
				display: block;
				top: 45px;
				width: 191px;
				height: 48px;
				background: url(/images/oo-logo.gif) top left no-repeat;
			    }
			    #header #logo img {
			        display: none;
			    }
			#header #logo-lab {
			    position: absolute;
			    display: block;
				top: 43px;
				width: 138px;
				height: 48px;
				margin-left: 210px;
				background: url(/images/oo-logo-lab.gif) top left no-repeat;
			    }
				#header #logo-lab img {
			        display: none;
			    
			}    
			    
			#header .band  #strap{
				position: absolute;
				bottom: -1.8em;
				font: 18px Verdana;
			}
		    #header .band  #strap span{
				display: none;
			}
			#header #quote {
				height: 285px;
			}
			#header blockquote {
				font: 20px Verdana;
				position: absolute;
				bottom:0;
				margin-bottom:40px;
				width: 400px;
				color: #C6C7C8;
			}
			#header cite {
				font: 15px Verdana;
				color: #fff;
				margin-top: 0.5em;
				display: block;
			}
		#dink {
			background: url(/images/pink-dink.png) top left no-repeat;
			position: absolute;
			left: 624px;
			top: -57px;
			width:122px;
			padding:35px 15px;
			height: 109px;
			color: #fff;
			font-family: Verdana;
			}
			#dink p {
				width: 122px;
				margin: 0;
			}
			#dink a {
				display: block;
				font-weight: bold;
				color: #fff;
			}

			
		#content {
			margin-bottom: 3em;
			line-height: 18px;
			}
			
			#logo-block{
			   margin-top: 16px;
			}
			
			#strap-line{
			   margin-top: 8px;
			   margin-bottom: 85px;
			}
			

			
			#main-content {
				position: relative;
				float: left;
				width: 630px;
				padding:0 60px 20px 0;
				border-right: 1px dotted #d2d2d2;
				height: auto !important;
				height: 40em;
				min-height: 40em;
			}
			#secondary-content {
				padding-left: 730px;
			}
			#secondary-content ul {
				margin: 0.3em 0;
			}
			#nav {
				font: 16px/1.5 Arial;
				font-weight: bold;
				overflow: hidden;
				zoom: 1;
				margin-left: 0;
				}
				#nav li {
					float: left;
					clear: both;
					margin: 0.2em 0;
					}
					#nav li ul {
						margin: 0 0 0 2em;
					}
				#nav a {
					font-weight: normal;
					display: block;
					float: left;
					color: #000;
					}
					#nav a.active, #nav a:hover {
						font-weight: bold;
					}
		
		#footer {
			clear: both;
			margin: 0 auto;
			padding-top: 5em;
			padding-bottom: 5em;
			}
			#footer img {
				margin: 0 1.5em 0 0;
			}
			#footer p {
				margin: 1em 0;
			}
		
		
		
		/* Common styles */
		p.backlink {
			position: absolute;
			top: -2.2em;
		}
		#secondary-content img {
			margin: 1em 0 0.3em;
			}
			#secondary-content ul li {
				width: 100%;
			}
		a.casestudy, h2 + ul a, p.backlink a {
			color: #070a97 !important;
		}
		a.casestudy:hover, h2 + ul a:hover {
			text-decoration: underline;
		}
		ul {
			margin: 1.5em 0 1.5em 3em;
			}
			ul li {
				margin: 0.5em 0;
			}
		ul.dinks {
			margin: 2em 0 2.5em 3em;
			}
			ul.dinks li {
				list-style-image: url(/images/dink-small.gif);
				}
				ul.dinks h3 {
					margin: 1.5em 0 0;
				}
				ul.dinks h3 + p {
					margin: 0 0 ;
				}
				ul.dinks a {
					color: #5fa5ec !important;
					font-weight: bold;
				}
		ul.logos {
			padding: 1em 0;
			background: #f1f1f1;
			margin: 3.5em 0;
			overflow: hidden;
			zoom: 1;
			}
			ul.logos li {
				float: left;
				width: auto;
				text-align: center;
			}
			ul.logos li.alt {
				float: left;
				width: 49%;
			}
		ul.screenshots {
			background: #f1f1f1;
			border: 1px solid #f1f1f1;
			-moz-border-radius: 0.8em;
			-webkit-border-radius: 0.8em;
			border-radius: 0.8em;
			margin: 1em 0 3em;
			overflow: hidden;
			zoom: 1;
			}
			ul.screenshots li {
				float:left;
				margin:0 0 2em;
				padding:1em 0pt 1em 16px;
				position:relative;
				text-align:left;
				width:auto;
				zoom:1;
			}
			ul.screenshots li img {
				position: relative;
				left: -5px;
			}
			
		.breakout {
			margin:2em 0pt;
			text-align:center;
			z-index:1000;
			position:relative;
			width:690px;
			left: -30px;
			}
			.breakout img.single {
				width:750px;
				margin: 0 0 0.25em;
				position:relative;
			}
			.caption {
				width: 630px;
				color: #bfbfbf;
				display: block;
				text-align: left;
				}
				.breakout .caption {
					margin: 0;
				}

		a.pdf {
			background: url(/images/pdf-icon.gif) 0 4px no-repeat;
			float: left;
			clear: both;
			width: auto;
			height: 55px;
			padding-left: 55px;
			color: #070a97 !important;
			margin: 3em 0 4em;
			}
			a.pdf span {
				display: block;
			}
		a.vcardTop {
			padding-top: 25px;
			background: url(/images/vcard.gif) top left no-repeat;
			display: block;
		}


		.container3 {
			/* 3 column container */
			margin:2em 0 1em;
			float: left;
			width: 100%;
			}
			.container3.links {
			    text-align: center;
			}

			.container3 .grid1 { float: left; width: 31.3333%; padding: 0 2% 0 0;}
			.container3 .grid1-last { float: left; width: 33.3333%; padding: 0;}
			.container3 .grid2 { float: left; width: 64.6666%; padding: 0 2% 0 0;}
			.container3 .grid2-last { float: left; width: 66.6666%; padding: 0;}
			.container3 .grid3 { float: left; width: 97.9999%; padding: 0 2% 0 0;}
			.container3 .grid3-last { float: left; width: 99.9999%; padding: 0;}
			.container3 .clear { clear: both; width: 100%; overflow: hidden;}

			
			
		/* page specific rules */
		#map {
			width: 99%;
			height: 400px;
			border: 1px solid #000;
			margin-top: 2em;
		}
		body.contactus h3 {
			font: 1.5em Arial, Helvetica, sans-serif;
			margin: 2em 0 0.5em;
		}
		body.contactus #main-content a {
			color: #1e3481;
			font-weight: bold;
		}

		body.contactus #main-content a.vcardTop {
			margin: 3em 0 0;
		}
		
		body.contactus .contactinfo {
			line-height: 1em;
			margin: 0.8em 0;
			overflow: hidden;
			}
			body.contactus .contactinfo p {
				margin: 0.25em 0;
				float: left;
				width: 100%;
			}
			body.contactus .contactinfo span {
				float: left;
				width: 60%;
			}
			
			
			
		
		/* image rules */
		.image-left{
		    float: left;
		    margin-right: 1em;
		    margin-bottom: 1em;
		    border: solid 1px #eee;
		}
		
		.image-right{
		    float: right;
		    margin-left: 1em;
		    margin-bottom: 1em;
		    border: solid 1px #eee;
		}
		
		#contacts-table
		{
		    border-left: 1px solid #eee;
		    border-right: 1px solid #eee;
		    margin-top: 2em;
		}
		
		#contacts-table td
		{
		    padding: 0.5em;
		    border-bottom: 1px solid #eee;
		    vertical-align:top;
		}
		
	    #contacts-table th
		{
		    color: #fff;
		    background-color: #000;
		    padding: 0.5em;
		    border-top: 1px solid #eee;
		}
		
		
	    body.projects ul.dinks{
	        width: 420px;
	    }
	    
	    body.projects ul.dinks li{
	        margin-bottom: 20px;
	    }		
		
			

		
	
		#contactform label
		{
		    display: block;
		    width: 10em;  
		    float: left; 
		}
		
	    #contactform input.small
		{
		    width: 10em;  
		}
		
		#contactform input.medium
		{
		    width: 20em;  
		}
		
	    #contactform input.large
		{
		    width: 35em;  
		}
		
		
		
		
		fieldset
{
	border: none;
}

textarea, input, select
{
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;	
}

caption
{
	text-align: left;
	font: normal 1.6em Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
}

input, select, textarea
{
	padding: 0.2em;	
}

.inputbutton
{
	border: none;
	padding: 0;
}

.largefields
{
	width: 18em;	
}

.submitbutton
{
	margin-left: 12.3em;
	margin-top: 0.5em;
}

.submitbutton2
{
	margin-left: 12.5em;
	margin-top: 0.5em;
}

/* ---------------------------------------------------------- */

form p
{
	clear: both;
	margin: 0em 0em 0.5em 0em;
}
form
{
	margin-top: 2em;
}
form label
{
	float: left;
	width: 12em;
	text-align: right;
	margin-right: 0.5em;	
}
form .fields
{
	width: 10em;
}
form textarea
{
	width: 26em;
}


form .formrow
{
    margin: 0 0 0.4em 0;
}

form .button
{
	float: left;
	width: 12em;
	text-align: right;
	margin-right: 0.5em;	
}


/* ---------------------------------------------------------- */

.floatclear
{
	overflow: hidden;
}
* html .floatclear
{
	height: 1%;
}

.clearleft{
    clear: left;
}

/* ---------------------------------------------------------- */


.errorbox
{
    border: 2px solid #c21818;
    background-color: #faf1f1;
    font-weight: bold;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 50em;
}

.code
{
    width: 52em;
    height: 15em;
    margin-top: 1em;
}

.codeshort
{
    width: 38em;
    height: 15em;
    margin-top: 1em;
}

.codebutton
{
    margin-bottom: 2em;
}

.xrdssimplexml 
{
    background-color:#F4F4F2;
    border:1px solid gainsboro;
    color:black;
    font-family:Courier New,Courier,Monospace;
    font-size:small;
    overflow:scroll;
    padding:10px;
    width:50em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.xrdssimpletext ul
{
    margin-top: 0;
    margin-bottom: 0;
}

.xrdssimpletext li
{
    margin-top: 0;
    margin-bottom: 0;
}

.xrdssimpletext
{
    margin-top: 4em;
    margin-bottom: 4em;
}

.xrdssimpletext h2
{
    margin-bottom: 1em;
}

.noticeblock
{
    background-color: #fffaf3;
    border: solid 1px #fb9708;
    padding: 1em;
    margin-top: 4em;
    margin-bottom: 2em;
    
}

#hresume-conversion{
    margin-bottom: 2em;
}


#sortable
{
    list-style-type: none;
    margin-top: 0;
    margin-left: 12.5em;
    padding: 0;
    width: 60%;
    display: none;
}

#sortable li
{
    margin: 0 3px 3px 3px;
    padding: 2px;
    padding-left: 1.5em;
    height: 18px;
    border: 1px solid #ddd;
    background-color:  #eee;
}

#sortable li span
{
    position: absolute;
    margin-left: -1.3em;
}

#sortable-label{
    margin-left: 12.5em;
    display: none;
}

#sortable-label span{
    font-weight: bold;
}

.code-example-group{
    border: solid 1px #a5acb2;
    margin-left: 12.5em;
    padding: 1em;
    clear: both;
    margin-bottom: 6em;
}

.code-example-group span{
    display: block;
    width: 80px;
    float: left;
}

.code-example-group p{
    margin: 4px 0 4px 0;
}

.code-copy{
    background-color: #ebebe4;
    width: 340px;
    border: solid 1px #a5acb2;
}

.usage-constaints, .api-parameters{
    margin-top: 4em;
}

dd{
    margin-left: 3em;
}

dt{
    margin-top: 1em;
    font-weight: bold;
}

#badge-table td{
    padding: 10px;
}

#badge-table td a{
    font-weight: normal;
    color: Black;
}

.community-event .dtstart, .community-events .dtstart{
    font-weight: bold;
}

.community-event .dtstart span, .community-events .dtstart span{
    font-weight: normal;
}

.community-event .description{
    margin: 0.6em 0 0.6em 0;
}

.community-event .cost{
    margin: 0.6em 0 0.6em 0;
}

.community-event .date{
    margin: 0.6em 0 1.8em 0;
}

.community-event .more-info{
    margin: 1.2em 0 0.6em 0;
}


.community-events .vevent{
    margin: 2em 0 2em 0;
    border-bottom:1px dotted #D2D2D2;
    padding-bottom: 2em;
}


.community-events .vevent .author{
    display: none;
}

.rss-link, .ical-link{
    float: left;
    margin-right: 2em;
}

.rss-link img, .ical-link img{

    vertical-align: bottom;
}

.community-events form {
    margin-top: 0;
}

.madgex-sponsored
{
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/images/dink-small.gif);
    padding-left: 18px;
    margin-bottom: 8px;
}

.events-manager-listing, .events-manager-dashboard {
background-color: #f5f5f4;
border-top: solid 1px #d5d6d6; 
border-right: solid 1px #d5d6d6; 
border-left: solid 1px #d5d6d6;     
}

.events-manager-listing th{
    padding: 4px;
    font-weight: bold;
    background-color: #d5d6d6;
    
}

.events-manager-dashboard th{
    padding: 4px;
    font-weight: bold;
    background-color: #d5d6d6;
}

.events-manager-listing td{
    padding: 4px;
    border-bottom: solid 1px #d5d6d6;
}

.events-manager-dashboard td{
    padding: 4px;
    border-bottom: solid 1px #d5d6d6;
}

.ical-container{

}

.ical-container p{
    width: 180px;
    float: right;
}

body.community-event #map{
    width: 350px;
    height: 350px;
    border: solid 1px #000;
    margin: 20px 20px 20px 0;
    float: left;
}

.community-event .location{
    float: left;
    margin-top: 20px;
}

.event-id{
    display: none;
}

#home-column-container{
    margin-top: 60px;
}

body.home h1 a, body.home h2 a{
    font-weight: normal;
}

			#main-site-link{
    			margin-top: 30px;
			}


#main-site-link a{
    font-weight: normal;
}

#main-site-link a:hover{
    font-weight: normal;
    text-decoration: underline;
}

body.home h2{
    font-size: 20px;
    margin-bottom: 0;
}

body.home a:hover h1, body.home a:hover h2{
	color: #5fa5ec;
	text-decoration: underline;
}

#project-column{
    float: left;
    width: 400px;
}

#project-column{
    float: right;
    width: 200px;
}

#current-post{
    width: 400px;
}

#oauth-logo{
    margin-right: 20px;
    margin-bottom: 0px;
    width: 240px;
    float: left;
}

#project-promo-text{
    
    width: 620px;
}

.post-date{
    margin-top: 0.4em;
    margin-bottom: 1.4em;
}

#post-list-title{
    margin-top: 1.4em;
}

	.button, .button:visited {
		background: #c87a09 url('../images/botton-back-yellow.gif') repeat-x center;
		display: inline-block;
		padding: 4px 12px 4px 12px;
		color: #fff;
		text-decoration: none;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,7.5);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.0);
		border: 1px solid #c87a09;
		position: relative;
		cursor: pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
	}
	
	.button:hover {
		background: #ae6708 url('../images/button-back-yellow-hover.gif') repeat-x center;
		text-decoration:none;
			color: #fff;
	}
	
	.large{
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		padding: 8px 24px 8px 24px;
}

#download-button span{
	font-weight:normal;
}
#download-button{
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}


#download-box{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	background-color: #f9f8f5;
	border: 0.3em solid #e4e2db;
	padding: 0.8em;
	width: 16em;
	color: #8e8a8a;
}



.ical-link img, .rss-link img{
    margin-right: 4px;
}

body.fireeagle h2{
    margin-top: 40px;
}

#oauth-demo-image{
    float: left;
    width: 260px;
}

#oauth-getting-started{
       margin-top: 40px; 
           margin-bottom: 40px;
}

#main-content #download-button:hover{
    text-decoration: none;
}