/* common css*/
   
   .error {
   		padding: 10px;
   		font-family: Helvetica, Arial, sans-serif;
   		font-weight: bold;
   		background-color: #B80028;
   		color:#FFFFFF;
   }
   
   .warning {
   		padding: 10px;
   		font-family: Helvetica, Arial, sans-serif;
   		font-weight: bold;
   		background-color: #FF5B00;
   		color:#FFFFFF;
   }
   
   .message {
   		padding: 10px;
   		font-family: Helvetica, Arial, sans-serif;
   		font-weight: bold;
   		background-color: #2C5700;
   		color:#FFFFFF;
   }
   
   
   
   
   html {
       background-color: #42c3e0;
       font-family: Helvetica, Arial, sans-serif;       
   }
   
   a { text-decoration: none; } 

   #main-content {
       padding:4px;
       border: 1px #f1f1f1 solid;
       min-height: 500px;
       font-family: Helvetica, Arial, sans-serif;
       font-size: 100%;	
   }

   #main-content2 {
       padding:4px;
       min-height: 500px;
   }

   #hd {
        background-color: #F7F3E8;
        padding: 15px 5px 5px 10px ;
        height: 100px;
   }
   #bd,#ft {
        background-color: #FFFFFF;
   }

   .content-index {
        padding-left: 100px;
    }

   
   .fontTypes,h1,h2,h3,h4,h5,h6,p {
        font-family: Helvetica, Arial, sans-serif;
   }


   h1 {
       font-weight: bold;
       font-size: 140%;
   }

   h2 {
       font-weight: bold;
       font-size: 130%;
   }

   h3 {
       font-weight: bold;
       font-size: 115%;
   }

   .errors { color: red;}
   #vspacer { padding-top: 5px;}
   #vspacer-10 { padding-top: 10px;}
   #vspacer-25 { padding-top: 25px;}
   #hspacer { padding-left: 5px;}
   #hspacer-10 { padding-left: 10px;}
   #hspacer-25 { padding-left: 25px;}

   table {
        padding: 10px;
        border: none;
   }

   tr.category td{
        padding: 4px;
        font-weight: bold;
   }

   #babynames_duedate {
        font-size: 130%;
        color: #6600cc;
   }

   img.baby_article_left {
        float:left;
        margin: 1px;
        padding-right:8px;
   }
   
 		

   #red { color: #AA0114; }
   #blue { color: #0588BC; }
   #green { color: #2C5700; }
   #pink { color: #EE88CD; }

   #randonName {
        color: #2C5700;
        padding: 5px 20px;
        font-weight: bold;
   }

   #babyNameshowPink  {
        padding-bottom: 7px;
        color: #AA0078;
        font-weight: bold;
   }

   #babyNameshowBlue  {
        padding-bottom: 7px;
        color: #3399FF;
        font-weight: bold;
   }

   .yui-t6 {
       border: 8px solid white;
    }

    #leftmenu {
        background: #D6B92F;
        padding: 3px 0 3px 3px;
    }

    #contentbox {
        padding-left: 50px;
    }

    ul.alphabets li {
        display: inline;
        list-style: none;
        text-align: center;
        padding: 2px;
    }

    ul.alphabets li.active, ul.alphabets li:hover
    {
        background-color:#C5EFFD;
        border: 1px solid #006295;
    }

    table.babytable {
        width: 100%;
        padding: 0px;
        border-collapse:collapse;
    }
    table.babytable td {
        border: 1px solid #ccc;
        vertical-align: top; padding: 7px;
    }

    tr.bg0 td { background-color: #f1f1f1; height: 20px; }

    #feedback {
        background-color: #CCCFBC;
    }

    tr.comments0 td{
        color: #2B3E42;
        background-color: #D5E1DD;
        padding: 3px 4px 3px 0;
    }
    tr.comments1 td{
        color: #F2583E;
        background-color: #F7F3E8;
        padding: 3px 4px 3px 0;
    }

    .videoListing {
        float: left;
        padding-right: 8px;
    }

    .video {
        width: 100%;
        padding: 8px 0 8px 0;
        min-height: 80px;
        border-bottom: 1px #c2c2c2 dashed;
    }

    hr {
  	border:0;
  	border-top: 1px solid #E850A8;
  	height: 0;
  	background: #E850A8;
    }

    #suggestName {
        padding: 5px;
        background-color: #E850A8;
    }

    #box {
        width: 100%;
        background-color: red;
    }

    #optionsBox {        
        border: 1px solid #60BB22;
        text-align: right;
        padding: 5px;
    }
    
    .navigation a,li {
    	color: #024769;
    	padding: 2px;
    	text-decoration: none;
    }
    
    .navigation a:hover {
    	color: #FFF;
    	padding: 2px;
    	font-weight: bold;
    }

    .zend_form dt {
        font-weight: bold;
    }
    .zend_form dd {
        padding-left:14px;
        padding-bottom: 3px;
    }

    .errors li {
        color: red;
    }

    input, select {        
        background-color: #F2F5ED;
    }
    
    #namecount {
    	padding: 10px;
    	color: #6600CC;
    	font-weight: bold;
    	font-size: 110%;
    }
       
    #nav-list li {
	    display: inline;
	    padding-right: 10px;
	    list-style-type: none;
	    font-weight:bold;
	}

	#page-top li {
		display: inline;
		padding-left:5px;
		list-style-type: none;
		float: left;
	}
	
	#babynamesCount {
		padding: 10px 3px;
		color: #B80028;			
	}
	
	#randomName {
		padding: 4px 3px;
		border: 1px solid #B80028;
	}	
	
	#indexTopMsgBar {
		padding: 5px;
		height: 25px;
		background-color: #F17022;
		color: #ffffff;	
	}
	
	#babynamesPoll li {
		display: inline;
		padding-right: 15px;
		list-style-type: none;
		float: left;
		color: #000000;
	}
	#babynamesPollHead li {
		display: inline;
		padding-right:21px;
		list-style-type: none;
		float: left;
		color: #B80028;
		font-weight: bold;
	}
	
	#pollheader { 
		background-color: #F2583E;
		color: #ffffff;
		padding: 2px;
		visibility:hidden;  
	}
	
	#pollNames {
		background-color: #D5E1DD;		
		padding: 3px 8px;
		visibility:hidden;  
	}
	
	tr.babynamesPollRow0 td { 
		padding: 5px; 
		background-color: #F2F5ED;
	}
	tr.babynamesPollRow1 td { 
		padding: 5px; 
		background-color: #FFFFFF;
	}
	
	input.radio {			
		width:14px;
		height:25px;		
	}
	
	span.stars, span.stars span {
	    display: block;
	    background: url(/babynames/images/poll/stars.png) 0 -16px repeat-x;
	    width: 80px;
	    height: 16px;
	}

	span.stars span {
	    background-position: 0 0;
	}
	
	#quicknamesearch {
		padding: 3px 4px 7px 7px;
		background-color: #62C2CC;	
	}