/************************************************
    Developer Page 
*************************************************/

.apiExample{    
    font-size:          10pt;
    line-height:        150%;
    margin:             20px auto;
    width:              490px;
    overflow:           auto;
  	background:         #222 url(/images/developer/api-example/top.png) 0 0 no-repeat;
    }                 
.apiExample code{
    display:            block;
    padding:            7px 10px 8px;
  	background:         transparent url(/images/developer/api-example/bottom.png) 0% 100% no-repeat;
    }

#Sidebar #SearchBox h2{         background-image:url(/images/help/sidebar/headers/search.png);}
#Sidebar #ScreencastLinks h2{   background-image:url(/images/developer/sidebar/headers/screencasts.png);}
#Sidebar #ToolLinks h2{         background-image:url(/images/developer/sidebar/headers/tools.png);}
#Sidebar #DownloadLinks h2{     background-image:url(/images/developer/sidebar/headers/downloads.png);}
#Sidebar #DocumentationLinks h2{background-image:url(/images/developer/sidebar/headers/documentation.png);}

#SearchBox form{
    margin:             0;
    }
#SearchBox li{
    line-height:        0;
    margin-top:         .2em;
    padding:            0;
    }
#SearchBox .searchField{
    width:              207px;
    font-size:          120%;
    }
#SearchBox .□ .searchField{
    margin-bottom:      -20px;
    #padding-right:     3px;
    }


/************************************************
    API Key Generator Page 
*************************************************/
#ApiKeyGenerator{
    width:				    690px;
	  margin:				    0 auto;
    }

#ApiKeyGenerator h2{
  	color:				    #AAAAAA;
  	font-size:			  90%;
  	margin:				    25px 0 10px 0px;
  	padding:			    0;
  	letter-spacing:		1px;
  	width:				    100%;
  	border-bottom:		1px dashed #888888;
  	text-transform: 	uppercase;
  	}


#ApiKeyGenerator .warning{
    display:          block;
  	margin:           0 0 10px 0;
  	color:            #FDA60E;
  	text-align:       center;
  	}

#ApiKeyGenerator .item{
  	clear:				      both;
  	margin:             0;
  	padding:            1px;
  	}

#ApiKeyGenerator .itemLabel{
  	float:				      left;
  	width:				      130px;
  	}

#ApiKeyGenerator .separated{
    padding-top:        10px;
    _padding-top:       5px;
    }

#ApiKeyGenerator .□{
    float:              left;
    }

#ApiKeyGenerator .sexy,
#ApiKeyGenerator input{
  	width:              167px;
  	}
#ApiKeyGenerator input{
    #width:             170px;
    }

#ApiKeyGenerator .sexyMenu,
#KeyDuration,
#KeyReferer,
#KeyCalls{
    float:              left;
    }

.□ #KeyDuration,
.□ #KeyCalls,
.□ #KeyReferer{
    #margin-top:        1px;
    }
    
.□ #KeyCalls{
    #margin-left:       2px;
    _margin-left:       0px;
    _padding-right:     3px;
    _margin-right:      2px;
    }

#ApiKeyGenerator .sexyMenu,
#ApiKeyGenerator .sexyMenu .labelContainerLarge,
#ApiKeyGenerator .sexyMenu .invisibleMenu{
    margin-left:        5px;
    width:              100px;
    }

#ApiKeyGenerator #ApiKeyButton{
  	display:			      block;
  	float:              left;
	  background:			    transparent url(/images/shared/buttons/submit.png) no-repeat scroll 0pt;
	  _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/shared/buttons/submit.png,sizingMethod='image');
	  height:				      28px;
	  width:				      65px;
	  margin-left:				130px;
	  _margin-left:       65px;
	  padding-top:        10px;
	  cursor:             pointer;
  	}

#ApiKeyGenerator #ApiKeySpinner{
    margin:             8px 0 0 5px;
    _margin-top:        2px;
    }

#ApiKeyGenerator .item .description{
  	float:              left;
  	color:              #bbb;
  	font-size:          80%;
  	padding-top:        5px;
  	margin-left:        8px;
  	margin-right:       -100%;
  	width:              350px;
  	line-height:        1em;
  	}

#KeyResults{
    clear:              both;
    margin-top:         10px;
    padding:            8px;
    #padding-top:       4px;
    border:             1px solid #444;
    background-color:   #666;
    }

#KeyResults em{
    color:              #bbb;
    }

#ApiKeyGenerator .apiKeyInfo{
    clear:              both;
    position:           relative;
    }

#ApiKeyGenerator .apiKeyTitle{
    display:            block;
    height:             20px;
    padding:            5px 8px;
    color:              #EEEEEE;
    }

#ApiKeyGenerator .apiKeyTitle:hover{
    background-color:   #474747;
    margin-right:       0;
    }

#ApiKeyGenerator .apiKeyTitle span{
    display:            block;
    float:              left;
    }

#ApiKeyGenerator .apiKeyTitle .date{
    margin:             1px 10px 0 0;
    font-size:          90%;
    color:              #999;
    }

#ApiKeyGenerator .apiKeyTitle .key{
    text-decoration:    underline;
    }

#ApiKeyGenerator .apiKeyTitle:hover .deleteKey{
    display:            none;
    position:           absolute;
    float:              right;
    width:              19px;
    height:             19px;
    right:              8px;
    _top:               6px;
    background:         transparent url(/images/vault/tags/tag-delete.png) 0 0 no-repeat;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/vault/tags/tag-delete.png,sizingMethod='image');
    }

#ApiKeyGenerator .apiKeyTitle:hover .deleteKey{
    display:            block;
    }

#ApiKeyGenerator .apiKeyInfo .apiKeyDetails{
    clear:              both;
    font-size:          80%;
    color:              #bbb;
    margin-bottom:      10px;
    }

#ApiKeyGenerator .apiKeyInfo .apiKeyDetails span{
    display:            block;
    margin:             4px 0 0 25px;
    }

#ApiKeyGenerator .apiKeyInfo .apiKeyDetails span em{
    color:              #eee;
    padding-right:      10px;
    }

#ApiKeyGenerator .apiKeyInfo .apiKeyDetails span .keyCallInfo{
    margin-left:        15px;
    }