/* LAYOUT! Musou Client */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

top level tags (body)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	margin:0px;
	padding:0px;
	background-color:#e7e7e7;
	
}
form 
{
    margin:0px;
    padding:0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

login layout

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#login 
{
    margin:0px auto 0px auto;
    width:359px;
    
}
    #login_top 
    {
        background-image:url(../../siteImages/login_top.gif);
        background-repeat:no-repeat;
        width:359;
        height:196px;	   
    }
    #login_mid 
    {
        background-image:url(../../siteImages/login_tile.gif);
        background-repeat:repeat-y;        
        
        padding:0px 45px 0px 65px;

    }
        .login_field 
        {
            margin:0px 0px 5px 40px;
        }
        .login_checkbox 
        {
            padding:5px 0px 5px 0px;
            margin:-3px 0px 0px 37px;
        }
            .login_checkbox label
            {
                vertical-align:5px;
                color:#a2d0fe;
                
            }
        .login_text 
        {
           
            padding:5px 45px 5px 33px;
        }
   #login_bot_in 
   {
        background-image:url(../../siteImages/login_bot_in.gif);
        background-repeat:no-repeat;
        width:446px;
        height:13px;
   }
   .login_text_bot
    {
        background-image:url(../../siteImages/login_bot_tile.gif);
        background-repeat:repeat-y;
        padding:5px 30px 5px 30px;
    }
    #login_bot
    {
        background-image:url(../../siteImages/login_bot.gif);
        background-repeat:no-repeat;
        width:446px;
        height:25px;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

master page layout

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#all {
	width:957px;
	margin:13px auto 0px auto;
	background-color:#e7e7e7;
	position:relative;
	
}
	#header 
	{
	    background-image:url(../../siteImages/all_back_tile.gif);
        background-repeat:repeat-y;
        
        width:957px;
	}
		#header_top_end {
			background-image:url(../../siteImages/header_top_end.gif);
			background-repeat:no-repeat;
			
			width:957px;
			height:19px;
		}
			#header_logo_and_tools {
				padding:0px 14px 0px 14px;
				height:94px;
			}
				#header_logo {
				}
				#header_tools {
					float:right;
					text-align:right;
				}
	
#middle 
{
    background-image:url(../../siteImages/all_back_tile.gif);
    background-repeat:repeat-y;
    width:943px;
    background-color:#f8f8f8;
	padding:0px 0px 0px 14px;
	min-height:400px;
}
	#left_column {
		width:242px;
		float:left;		
	}
		#menu {
			background-image:url(../../siteImages/menu_background.jpg);
			background-repeat:no-repeat;
			padding:11px 0px 0px 15px;
		}
			.menu_item a:link,.menu_item a:active,.menu_item a:visited{
				display:block;
				background-image:url(../../siteImages/menu_butt.gif);
				background-repeat:no-repeat;
				width:198px;
				height:24px;
				padding:7px 0px 0px 28px;				
			}
			.menu_item a:hover {
				background-image:url(../../siteImages/menu_butt_over.gif);
				background-repeat:no-repeat;				
			}
			.menu_sub_item_1 a:link,.menu_sub_item_1 a:active,.menu_sub_item_1 a:visited{
				display:block;
				background-image:url(../../siteImages/menu_sub_butt_1.gif);
				background-repeat:no-repeat;
				width:184px;
				height:21px;
				margin:0px 0px 0px 7px;
				padding:3px 0px 0px 17px;	
			}
			.menu_sub_item_2 a:link,.menu_sub_item_2 a:active,.menu_sub_item_2 a:visited{
				display:block;
				background-image:url(../../siteImages/menu_sub_butt_2.gif);
				background-repeat:no-repeat;
				width:184px;
				height:21px;
				margin:0px 0px 0px 7px;
				padding:3px 0px 0px 17px;	
			}
			.menu_sub_item_3 a:link,.menu_sub_item_3 a:active,.menu_sub_item_3 a:visited{
				display:block;
				background-image:url(../../siteImages/menu_sub_butt_3.gif);
				background-repeat:no-repeat;
				width:184px;
				height:21px;
				margin:0px 0px 0px 7px;
				padding:3px 0px 0px 17px;	
			}
			.menu_sub_item_4 a:link,.menu_sub_item_4 a:active,.menu_sub_item_4 a:visited{
				display:block;
				background-image:url(../../siteImages/menu_sub_butt_4.gif);
				background-repeat:no-repeat;
				width:184px;
				height:21px;
				margin:0px 0px 0px 7px;
				padding:3px 0px 0px 17px;	
			}
			.menu_sub_item_5 a:link,.menu_sub_item_5 a:active,.menu_sub_item_5 a:visited{
				display:block;
				background-image:url(../../siteImages/menu_sub_butt_5.gif);
				background-repeat:no-repeat;
				width:184px;
				height:21px;
				margin:0px 0px 0px 7px;
				padding:3px 0px 0px 17px;	
			}
			
			.menu_sub_item_selected a:link,.menu_sub_item_selected a:active,.menu_sub_item_selected a:visited{
				display:block;
				background-image:url(../../siteImages/menu_sub_butt_selected.gif);
				background-repeat:no-repeat;
				width:184px;
				height:21px;
				margin:0px 0px 0px 7px;
				padding:3px 0px 0px 17px;	
			}
			
		#messages {
			background-color:#f0f7fd;
			width:191px;
			margin:0px 0px 0px 15px;
		}
			#messages_top_part {
				background-image:url(../../siteImages/messages_top_part.gif);
				background-repeat:no-repeat;
				width:147px;
				height:39px;
				padding:5px 0px 0px 50px;				
				
			}
			#messages_mid_part 
			{
			    background-image:url(../../siteImages/messages_mid_tile.gif);
				background-repeat:repeat-y;
				width:177px;
				padding:0px 10px 0px 10px;
			}
			#messages_bot_part {
				background-image:url(../../siteImages/messages_bot_part.gif);
				background-repeat:no-repeat;
				width:197px;
				height:31px;
				margin:0px 0px 0px 0px;
			}
	#page_container 
	{
	    float:left;
	}
	#footer {
		background-image:url(../../siteImages/footer_background.gif);
		background-repeat:no-repeat;
		
		width:957px;
		height:90px;
	}
	#footer2 {
		background-image:url(../../siteImages/footer_background2.gif);
		background-repeat:no-repeat;
		
		width:957px;
		height:90px;
	}
		#footer_contact_details {
			text-align:left;
			padding:5px 0px 0px 13px;
		}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

general usage  (cleares, spaces etc)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clearBoth {
	clear:both;
}
.noOverFlow 
{
    overflow:hidden;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

specific page: main_page common layout

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#main_page 
{
    width:683px;
    background-image:url(../../siteImages/main_page_tile.gif);
    background-repeat:repeat-y;
}
    #main_page_top_part 
    {
        background-image:url(../../siteImages/main_page_top_part.gif);
        background-repeat:no-repeat;
        height:11px;
        font-size:0px;
    }
    #main_page_mid_part 
    {
        position:relative;
        margin:0px 4px 1px 4px;
        background-color:#f3f3f3;
    }
        #main_page_header
        {
            background-color:#cfcfcf;
        }
        #main_page_header_bot 
        {
            background-image:url(../../siteImages/main_page_header_bot.gif);
            background-repeat:no-repeat;
            height:4px;
            font-size:0px;
        }
    #main_page_bot_part 
    {
        background-image:url(../../siteImages/main_page_bot_part.gif);
        background-repeat:no-repeat;
        height:22px;
        
    }
    
.help_box 
{
    position:relative;
    background-image:url(../../siteImages/help_icon.gif);
    background-repeat:no-repeat;
    background-position:10px 10px;    
    background-color:#f0f7fd;
    border:#bddef8 solid 2px;
    margin:1px 0px 1px 0px;
    padding:5px 5px 5px 40px;
}

.admin_tool_box 
{
    position:relative;
    background-color:#f0f6ed;
    border:#cde2c4 solid 2px;
    margin:1px 0px 1px 0px;
    padding:5px 5px 5px 40px;
    
}
.admin_tool_box_inside 
{
    position:relative;
    background-color:#f0f6ed;
    border:#cde2c4 solid 2px;
    margin:1px 0px 1px 0px;
    padding:5px 5px 5px 7px;
}

.user_tool_box
{
    position:relative;
    background-color:#eaeaea;
    border:#cfcfcf solid 2px;
    margin:1px 0px 1px 0px;
    padding:5px 5px 5px 7px;
    
}
.error_box 
{   
    background-image:url(../../siteImages/error_icon.gif);
    background-repeat:no-repeat;
    background-position:10px 10px;    
    background-color:#ffdddd;
    border:#fd5873 solid 2px;
    margin:1px 0px 1px 0px;
    padding:5px 5px 5px 40px;    
}
.error_box_float 
{
    position:absolute;
    background-image:url(../../siteImages/error_icon.gif);
    background-repeat:no-repeat;
    background-position:10px 10px;    
    background-color:#ffdddd;
    border:#fd5873 solid 2px;
    margin:1px 0px 1px 0px;
    padding:5px 5px 5px 40px;
    top:25px;
    left :260px;
    width:400px;
    height:60px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

specific page: project page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.project_item 
{
    padding:10px 0px 0px 0px;
}
.project_item_alternate_row 
{
    background-color:#e9e9e9;
}
.project_item td
{
    vertical-align:top;
}
    .project_item_no 
    {
        width:32px;
        padding-left:10px;
    }
    
    .project_item_text
    {
        width:360px;
    }
    .project_item_text div 
    {
        padding-bottom:5px;
    }
    
    .project_item_date 
    {
        padding-left:10px;
    }
    .project_item_tools 
    {
       
    }





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

specific page: suggestion page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#tob_tabs_holder
{
    position:relative;
}
#top_tabs 
{
    position:absolute;
    top:-28px;    
    margin:0px 0px 0px 10px;
}
    .suggestions_tab a:link,.suggestions_tab a:active,.suggestions_tab a:visited
    {
        display:block;
        background-image:url(../../siteImages/butt_suggest.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .suggestions_tab a:hover 
    {
        display:block;
        background-image:url(../../siteImages/butt_suggest_selected.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .suggestions_tab_selected a:link,.suggestions_tab_selected a:active,.suggestions_tab_selected a:visited
    {
        display:block;
        background-image:url(../../siteImages/butt_suggest_selected.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .suggestions_tab_selected a:hover 
    {
        display:block;
        background-image:url(../../siteImages/butt_suggest_selected.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .selected_tab a:link,.selected_tab a:active,.selected_tab a:visited
    {
        display:block;
        background-image:url(../../siteImages/butt_selected.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .selected_tab a:hover 
    {
        display:block;
        background-image:url(../../siteImages/butt_selected_selected.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .selected_tab_selected a:link,.selected_tab_selected a:active,.selected_tab_selected a:visited
    {
        display:block;
        background-image:url(../../siteImages/butt_selected_selected.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .selected_tab_selected a:hover 
    {
        display:block;
        background-image:url(../../siteImages/butt_selected_selected.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .downloads_tab a:link,.downloads_tab a:active,.downloads_tab a:visited
    {
        display:block;
        background-image:url(../../siteImages/butt_download.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .downloads_tab a:hover 
    {
        display:block;
        background-image:url(../../siteImages/butt_download_selected.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .downloads_tab_selected a:link,.downloads_tab_selected a:active,.downloads_tab_selected a:visited
    {
        display:block;
        background-image:url(../../siteImages/butt_download_selected.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .downloads_tab_selected a:hover 
    {
        display:block;
        background-image:url(../../siteImages/butt_download_selected.gif);
        width:137px;
        height:21px;
        padding:7px 0px 0px 35px;
    }
    .icon_arrow_tab_divider
    {
        background-image:url(../../siteImages/icon_arrow_tab_divider.gif);
        width:15px;
        height:28px;
    }
.real_player
{
	top:8px;
	
	}


#selected_groups br 
{
    display:none;
    
}
.br_height br
{
    display:block;
}

.selected_group_title 
{
    background-color:#a4a4a4;
    margin:1px 0px 1px 0px;
    padding:5px 5px 5px 7px;
}
    .selected_group_desc
    {        
        
        padding:0px 20px 5px 20px;
    }
        .selected_group_item 
        {
            border-top:#dadada dotted 1px;
            background-color:#f0f0f0;
            padding:10px 20px 10px 30px;
            margin:0px 0px 1px 0px;
        }
        .selected_group_item_alt
        {
            border-top:#dadada solid 1px;
            background-color:#e6e6e6;
            padding:10px 20px 10px 30px;
            margin:0px 0px 1px 0px;
        }
            .selected_group_tools 
            {
                position:relative;
            }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

specific page: client details and client create

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.detailsview_table 
{
    width:683px;
    background-color:#ececec;
    background-image:url(../../siteImages/main_page_tile.gif);
    background-repeat:repeat-y;
}

.detailsview_item 
{
   
    padding:6px 10px 6px 10px;
   
}
.detailsview_item_alt 
{
    background-color:#d9d9d9;
 
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

specific page: welcome page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#welcome_page
{
    width:503px;
    padding:0px 0px 0px 0px;
}
.window
{
    padding:5px;
    margin:5px;
}