/******************************************************************
 * Menu styles
 *
 * Project: ZaMnoy! 
 * Author: Roman Matiiv <rmatiiv@altertech.net>
 * Created: 20.03.2008
 ******************************************************************/

/*==================================
 * Main Menu
 *----------------------------------*/

#mainMenuBar {
    float: right;
    height: 53px;
    margin: 2px 0 0;
    width: auto;
}

html>body #mainMenuBar {
	margin: 0;
}

.mainMenuItemHolder {
    float: left;
    height: 53px;
}

.mainMenuItemHolder .mainMenuItem {
    background: url('/img/main_menu/menuItemBg.00.gif?build=20101009') repeat-x;
    height: 53px;
    text-align: center;
    vertical-align: middle;
}

.mainMenuItem a {
    color: #333 !important;
    color: #333;
    display: block;
    height: 53px;
    font: bold 14px/43px Arial, sans-serif;
    margin: auto 15px;
    outline: none;
    padding: 0;
    text-align: center;
    text-decoration: none !important;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
}

.mainMenuItem  a:hover {
    text-decoration: none;
}

/*------------------------ Separators
 */

.mainMenuSeparator0 {
    background: url('/img/main_menu/visaul_separator_MyProfile_00.gif?build=20101009') no-repeat top;
    float: left;
    height: 48px;
    width: 3px;
}

.mainMenuSeparator1 {
    background: url('/img/main_menu/visaul_separator_MyProfile.gif?build=20101009') no-repeat top;
    float: left;
    height: 48px;
    width: 3px;
}

.mainMenuSeparator2 {
    background: url('/img/main_menu/visaul_separator_ZaMnoy.gif?build=20101009') no-repeat top;
    float: left;
    height: 48px;
    width: 3px;
}

.mainMenuSeparator3 {
    background: url('/img/main_menu/visaul_separator_AddStory.gif?build=20101009') no-repeat top;
    float: left;
    height: 48px;
    width: 3px;
}

.mainMenuSeparator4 {
    background: url('/img/main_menu/visaul_separator_AddPhoto.gif?build=20101009') no-repeat top;
    float: left;
    height: 48px;
    width: 3px;
}

/*------------------------ Left Edge 0
 */
.leftEdgeMenuItem0 {
    background: url('/img/main_menu/1px_clone_MyProfile.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 134px;
}

.leftEdgeMenuItem0 .mainMenuItem {
    background: url('/img/main_menu/left_oval_frame_MyProfile.gif?build=20101009') no-repeat left top;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 134px;
}

.leftEdgeMenuItem0Over {
    background: url('/img/main_menu/1px_activeClone_MyProfile.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 134px;
}

.leftEdgeMenuItem0Over .mainMenuItem {
    background: url('/img/main_menu/left_oval_activeFrame_MyProfile.gif?build=20101009') no-repeat left top;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 134px;
}

/*

.leftEdgeMenuItem0 .mainMenuItem a:hover {
    background: url('/img/main_menu/mainMenuPointer.00.gif?build=20101009') no-repeat center bottom;
    color: #4761b7;
    text-decoration: underline;
}

*/

.leftEdgeMenuItem0Active {
    background: url('/img/main_menu/1px_activeClone_MyProfile.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 134px;
}

.leftEdgeMenuItem0Active .mainMenuItem {
    background: url('/img/main_menu/left_oval_activeFrame_MyProfile.gif?build=20101009') no-repeat left top;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 134px;
}

.leftEdgeMenuItem0Active .mainMenuItem a {
    background: url('/img/main_menu/mainMenuPointer.01.gif?build=20101009') no-repeat center bottom;
    text-decoration: none;
    width: 104px;
}

.leftEdgeMenuItem0Active .mainMenuItem a:hover {
    text-decoration: underline;
}

/*------------------------ Left Edge 1
 */
.leftEdgeMenuItem1, 
.middleMenuItem0 {
    background: url('/img/main_menu/1px_clone_ZaMnoy.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 96px;
}

.leftEdgeMenuItem1 .mainMenuItem {
    background: url('/img/main_menu/left_oval_frame_ZaMnoy.gif?build=20101009') no-repeat left top;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 96px;
}

.leftEdgeMenuItem1Over {
    background: url('/img/main_menu/1px_activeClone_ZaMnoy.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 96px;
}

.leftEdgeMenuItem1Over .mainMenuItem {
    background: url('/img/main_menu/left_oval_activeFrame_ZaMnoy.gif?build=20101009') no-repeat left top;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 96px;
}

/*
.leftEdgeMenuItem1 .mainMenuItem a:hover, .middleMenuItem0 .mainMenuItem a:hover {
    background: url('/img/main_menu/arr_ZaMnoy.gif') no-repeat center bottom;
    color: #4761b7;
    text-decoration: underline;
}

*/

.leftEdgeMenuItem1Active, 
.middleMenuItem0Active {
    background: url('/img/main_menu/1px_activeClone_ZaMnoy.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 96px;
}

.leftEdgeMenuItem1Active .mainMenuItem {
    background: url('/img/main_menu/left_oval_activeFrame_ZaMnoy.gif?build=20101009') no-repeat left top;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 96px;
}

.leftEdgeMenuItem1Active .mainMenuItem a, 
.middleMenuItem0Active .mainMenuItem a {
    background: url('/img/main_menu/arr_ZaMnoy.gif?build=20101009') no-repeat center bottom;
    text-decoration: none;
    width: 66px;
}

.leftEdgeMenuItem1Active .mainMenuItem a:hover, 
.middleMenuItem0Active .mainMenuItem a:hover,
.middleMenuItem1Active .mainMenuItem a:hover, 
.middleMenuItem2Active .mainMenuItem a:hover {
    text-decoration: underline;
}

/*------------------------ Middle items
 */
.middleMenuItem0 .mainMenuItem, 
.middleMenuItem1 .mainMenuItem, 
.middleMenuItem2 .mainMenuItem {
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

.middleMenuItem0Over {
    background: url('/img/main_menu/1px_activeClone_ZaMnoy.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 96px;
}

.middleMenuItem0Over .mainMenuItem {
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 96px;
}

/*------------------------ Middle item 1
 */
.middleMenuItem1 {
    background: url('/img/main_menu/1px_clone_AddStory.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 157px;
}

/*
.middleMenuItem1 .mainMenuItem a:hover {
    background: url('/img/main_menu/arr_AddStory.gif') no-repeat center bottom;
    color: #4761b7;
    text-decoration: underline;
}
*/

.middleMenuItem1Active, 
.middleMenuItem1Over {
    background: url('/img/main_menu/1px_activeClone_AddStory.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 157px;
}

.middleMenuItem1Active .mainMenuItem a {
    background: url('/img/main_menu/arr_AddStory.gif?build=20101009') no-repeat center bottom;
    text-decoration: none;
    width: 127px;
}

/*------------------------ Middle item 2
 */
.middleMenuItem2 {
    background: url('/img/main_menu/1px_clone_AddPhoto.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 144px;
}

/*

.middleMenuItem2 .mainMenuItem a:hover {
    background: url('/img/main_menu/arr_AddPhoto.gif') no-repeat center bottom;
    color: #4761b7;
    text-decoration: underline;
}

*/

.middleMenuItem2Active, 
.middleMenuItem2Over {
    background: url('/img/main_menu/1px_activeClone_AddPhoto.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 144px;
}

.middleMenuItem2Active .mainMenuItem a {
    background: url('/img/main_menu/arr_AddPhoto.gif?build=20101009') no-repeat center bottom;
    text-decoration: none;
    width: 114px;
}

.middleMenuItem2Active .mainMenuItem a:hover {
    text-decoration: underline;
}

/*------------------------ Right Edge
 */
.rightEdgeMenuItem {
    background: url('/img/main_menu/menuItemBg.00.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 153px;
}

.rightEdgeMenuItem .mainMenuItem {
    background: url('/img/main_menu/right_oval_frame_AddVideo.gif?build=20101009') no-repeat right top;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 153px;
}

.rightEdgeMenuItem .mainMenuItem a {
    background: transparent;
    color: #333;
    display: block;
    float: left;
    font: bold 14px/43px Arial, Veradana, Helvetica, sans-serif;
    height: 53px;
    margin: auto 7px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 123px;
}

.rightEdgeMenuItem .mainMenuItem a:hover {
    background: url('/img/main_menu/mainMenuPointer.00.gif?build=20101009') no-repeat center bottom;
    color: #4761b7;
    text-decoration: underline;
}

html>body .rightEdgeMenuItem .mainMenuItem a {
	margin: auto 15px;	
}

.rightEdgeMenuItemOver {
    background: url('/img/main_menu/1px_activeClone_AddVideo.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 153px;
}

.rightEdgeMenuItemOver .mainMenuItem {
    background: url('/img/main_menu/right_activeOval_frame_AddVideo.gif?build=20101009') no-repeat right top;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 153px;
}

.rightEdgeMenuItemOver .mainMenuItem a {
    background: transparent;
    color: #333;
    display: block;
    float: left;
    font: bold 14px/43px Arial, Veradana, Helvetica, sans-serif;
    height: 53px;
    margin: auto 7px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 123px;
}

html>body .rightEdgeMenuItemOver .mainMenuItem a {
	margin: auto 15px;
}

.rightEdgeMenuItem .mainMenuItem a:hover {
    text-decoration: none;
}

.rightEdgeMenuItemActive {
    background: url('/img/main_menu/1px_activeClone_AddVideo.gif?build=20101009') repeat-x;
    float: left;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 153px;
}

.rightEdgeMenuItemActive .mainMenuItem {
    background: url('/img/main_menu/right_activeOval_frame_AddVideo.gif?build=20101009') no-repeat right top;
    height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 153px;
}

.rightEdgeMenuItemActive .mainMenuItem a {
    background: url('/img/main_menu/mainMenuPointer.00.gif?build=20101009') no-repeat center bottom;
    text-decoration: none;
}

.rightEdgeMenuItemActive .mainMenuItem a:hover {
    text-decoration: none;
}