@charset "UTF-8";

/** 
* MTV.com CSS Drop-Down Menu Theme
*
* @file		default.css
* @name		MTV
* @version		0.1
* @type		transitional
* @browsers	Windows: IE6+, Opera7+, Firefox1+
*				Mac OS: Safari2+, Firefox2+
*
* @link		http://www.lwis.net/
* @copyright	2008 Live Web Institute. All Rights Reserved.
*
* Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
* Expected directory tag - li
*
*/

/*------------------------------------------------------------------------------------------------------/
@section	Style Framework  */


/* First-level expected directory tag - li */
ul.dropdown {
 font: bold 17px/normal Arial, Helvetica, sans-serif;
}
/* Links */
ul.dropdown a {
    display: block;
    padding: 5px 30px;
    } 
ul.dropdown a:link,
ul.dropdown a:visited { 
    color: #fff; 
    text-decoration: none;
    }
ul.dropdown a:hover {
    border-top-color: #5db1e0 !important;
    border-left-color: #5db1e0;
    background-color: #4498c7;
    background: #058acf url(images/nav-sub-press.png) 0 0 repeat-x !important;
    color: #fff;
    }
ul.dropdown a:active {
    background: #058acf url(images/nav-sub-press.png) 0 0 repeat-x !important;
    color: #fff;
    }
ul.dropdown *.dir {
    padding-right: 30px;
    background-image: none;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #404040 #1a1a1a #1a1a1a #505050;
    }
ul.dropdown *.dir {
    padding: 5px 30px;
    }
ul.dropdown *.open {
    background-color: #3d3d3d;
    }
ul.dropdown a.open:hover {
background-color: #4698ca;
color: #fff;
}
ul.dropdown span {
    display: block;
    padding: 5px 30px;
    } 
    
    /*
    * FIRST 1st first/title item
    */
    ul.dropdown li {
        background-color: #333;
        color: #fff;
        min-width: 150px;
        padding 0;
        }
    ul.dropdown li.hover,
    ul.dropdown li:hover {
        }
    ul.dropdown li:hover > *.dir {
        background-color: #3d3d3d;
        }
    ul.dropdown li:hover > a.dir:hover {
        background-color: #4698ca;
        color: #fff;
        }
    ul.dropdown li a {
        border-style: solid;
        border-width: 1px;
        border-color: #404040 #1a1a1a #1a1a1a #505050;
        }
    
    
        /*
        * SECOND 2nd LEVEL ie the Firt list to open
        */
        ul.dropdown ul {
            left: auto;
            right: 0;
            width: 150px;
            margin-top: -1px;
            border-top: 1px solid #1a1a1a;
            border-left: solid 1px #4c4c4c;
            font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
            }
        ul.dropdown ul a {
            padding: 8px;
            width: 133px;
            }
        ul.dropdown ul a.dir {
            width: 111px;
            }
        ul.dropdown ul a.dir:hover { /* proposal */
            background-color: #4698ca;
            background-image: url(images/comnav-arrowon.png);
            color: #fff;
            }
        ul.dropdown ul a.open:hover {
            background-image: url(images/comnav-arrowon.png);
            color: #fff;
            }
        ul.dropdown ul *.dir {
            padding-right: 15px;
            background-image: url(images/nav-arrow-right.png);
            background-position: 100% 50%;
            background-repeat: no-repeat;
            border-color: #4a4a4a #242424 #242424; 
            border-left: none; 
            padding: 8px 30px 8px 8px;
            }
        ul.dropdown ul *.open {
            background-color: #4c4c4c;
            background-image: url(images/comnav-arrowover.png);
            color: #fff;
            }
        ul.dropdown ul span {
            padding: 8px;
            }
            
            ul.dropdown ul li {
                background-color: #3a3a3a;
                }
            ul.dropdown ul li a { 
                border-color: #4a4a4a #242424 #242424; 
                border-left: none; 
                }
            ul.dropdown ul li:hover > *.dir {
                background-color: #4c4c4c;
                background-image: url(images/comnav-arrowover.png);
                }
            ul.dropdown ul li:hover > a.dir:hover {
                background-image: url(images/comnav-arrowon.png);
                color: #fff;
                }
            
                
                /*
                * THIRD 3rd LEVEL
                */
                ul.dropdown ul ul {
                    top: 0;
                    right: auto;
                    left: 100%;
                    margin-top: 0;
                    border-top: none;
                    border-left: none;
                    font-weight: normal;
                    }
                ul.dropdown ul ul *.dir {
                    background-image: url(images/nav-arrow-right2.png);
	                border-color: #595959 #333 #333; 
                    }
                ul.dropdown ul ul *.open {
                    background-color: #595959;
                    background-image: url(images/comnav-arrowover2.png);
                    color: #fff;
                    }
                ul.dropdown ul ul input {
                    margin-bottom: 5px;
                    }
                ul.dropdown ul ul select {
                    width:90%;
                    }
                    
                    ul.dropdown ul ul li {
                        background-color: #4c4c4c;
                        }
                    ul.dropdown ul ul li span {
                        padding:4px;
                        }
                    ul.dropdown ul ul li a { 
                        border-color: #595959 #333 #333; 
                        }
                    ul.dropdown ul ul li:hover > *.dir {
                        background-color: #595959;
                        background-image: url(images/comnav-arrowover2.png);
                        color: #fff;
                        }

.dropmenupushbutton {
background-color: #333;
padding:5px;
border-style: solid;
border-width: 1px;
border-color: #404040 #1a1a1a #1a1a1a #505050;
color:#FFFFFF;
padding:5px 30px;
font-size:17px;
}

.dropmenupushbutton:hover {
border-top-color: #5db1e0 !important;
border-left-color: #5db1e0;
background-color: #4498c7;
background: #058acf url(images/nav-sub-press.png) 0 0 repeat-x !important;
color: #fff;
cursor: pointer; 
}