@CHARSET "ISO-8859-1";

/* ###############################################################################################################
   ### CONTAINERS STYLE																					        ##
   ############################################################################################################### */
.root_side_menu{
	width: 200px;	
	height: 645px;
}
	
/* ONLY FOR DEBUG PROPOSES */
.root_side_menu tr td{
	//border: 1px solid #ccc;
}

.root_side_menu_languages_row{
	width: 180px;
}

.root_side_menu_languages_col{
	height: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.root_side_menu_login_box_row{
	width: 180px;
}

.root_side_menu_login_box_col{
	height: 135px;
	padding-left: 10px;
	padding-right: 10px;
}
	
.root_side_menu_search_box{
	height: 20px;
	min-height: 20px;
}

.root_side_tools_row{
	width: 180px;
}

.root_side_tools_col{
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
}


/* ###############################################################################################################
   ### SPECIFIC MENU LANGUAGES CONTAINER STYLE 								    						        ##
   ############################################################################################################### */
   
.languages_header{
	width: 100px;
}

.languages_body{
	width: 80px;
	padding-top: 2px;
}

/* ###############################################################################################################
   ### SPECIFIC LOGIN BOX CONTAINER STYLE	 								    						        ##
   ############################################################################################################### */
.root_side_menu_login_box .login_box_table{
	width: 180px;
}
	
.login_box_table THEAD{
	cursor: pointer;
	width: 180px;
	display: table-header-group;	
}

.login_box_table TBODY{
	display: table-row-group;
}

.login_box_table .title_image_col{
	width: 180px;
	height: 30px;
}

/* USERNAME PART */
.username_label_box_row{
	width: 180px;
}

.username_label_box_col{
	width: 120px;
}

.username_label_box_question_image_col{
	width: 60px;
}

.username_label_box_question_image_col{
	vertical-align: bottom;
}

.login_input_box_row{
	
}

.login_input_box_col{
}

.login_input_box{
	border:solid 1px #ccc;
	padding:1px;
	margin:0px;
	background:#fff;
	color:#000;
	width: 115px;
	float: left;
}



/* ###############################################################################################################
   ### SPECIFIC SEARCH BOX CONTAINER STYLE	 								    						        ##
   ############################################################################################################### */
.root_side_menu_search_box_row{
	width: 100%;
}
.root_side_menu_search_box_col{
	padding-left: 10px;
	padding-right: 10px;
}

.root_search_pane{
	width: 180px;

}
.root_search_table{
	width: 100%;
}

.root_search_search{
	width: 158px;
}

.root_search_search_input{
	width:140px;
	margin:0px 5px;
	padding:1px;
	margin:0px 0px 1px 0px;
	height: 22px;
	background:#99000c;
	border:0px;
	color:#fff; 
}

.root_search_search_submit{
	width:22px;
	height:22px;
	margin:2px;
	display:block; 
}

/* ###############################################################################################################
   ### SPECIFIC SIDE MENU BOX CONTAINER STYLE	 							    						        ##
   ############################################################################################################### */

.root_side_tools_row * THEAD{
	border: 1px dotted #99000c;
	cursor: pointer;
	display: table-header-group;
	visibility: visible;
	cursor: pointer;
}

.root_activation_pane TBODY, .root_subscription_pane TBODY, .root_services_pane TBODY, .root_user_pane TBODY, .root_actions_pane TBODY{
	display: table-row-group;
}

.side_menu .pane_last_element{
	height: 10px;
}

.side_menu .pane_first_element > td{
	height: 3px;
	
}


/* ###############################################################################################################
   ### LEFT PANEL STYLE (panel container style is already defined above under .c, .cs entries among others)     ##
   ############################################################################################################### */

.side_menu{
	border-collapse: collapse;
	width: 180px;
	//background-color: #F0F0F0;
}

.side_menu  * table{
	border-collapse: collapse;
	margin : 0px;
	padding: 0px;
}

.side_menu * form{
	margin: 0px;
	padding: 0px;
}

.side_menu_content a{
	outline: none;
	border: 0px;
}

.side_menu_content .ti{
	outline: none;
	height: 20px;
	display:block;
	border-top:solid 2px #fff; 
	border-bottom:solid 2px #fff; 
	background:#bbb; 
}

/***************************************************************************************************************
	TOOLBOX PANE 
****************************************************************************************************************/
.root_toolbox_pane{
	width: 180px;
	height: 25px;	
}

.root_toolbox_table {
	width: 180px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

.root_toolbox_table * td{
	margin: 0px;
	padding: 0px;
}
	
.root_toolbox_table * td#root_toolbox_separator {
	width: 1px;
	height: 25px;
	background-color: #B0B0B0;
}

.root_toolbox_table * td#root_toolbox_icon {
	width:25px; 
	height: 25px;
}

.root_toolbox_table * td#root_toolbox_endlist {
	height:25px;
	background: url(../images/empty_icon.png) repeat-x;
}

.root_toolbox_table * img{
	display: block;
	border: none;
	outline: none;
}

/***************************************************************************************************************
	VIDEO PANE 
****************************************************************************************************************/
.root_video_pane {
	width: 180px;	
	padding-bottom: 5px;
}

.root_video_table {
	width : 100%;
}

.root_video_table * td{
	height: 20px;
}

.root_video_pane #player {
	display:block; 
	width:180px; 
	height: 135px;
}

/***************************************************************************************************************
	SUBSCRIBE PANE 
****************************************************************************************************************/
/* SUBSCRIPTON PANE */
.root_subscription_pane{
	width:180px;
	padding-bottom: 5px;
}

.root_subscription_table{
	width: 180px;
}

#root_subscription_email, #root_subscription_username{
	border:solid 1px #ccc;
	background:#fff;
	color:#AAAAAA;
	height: 20px;
	width: 100%;
}

#root_subscription_submit{
	border: 1px solid #ccc;
	float: right;
	background-color: #808080;
	color: #EEEEEE;
	height: 25px;
	width: 80px;
	vertical-align: middle;
	padding-bottom: 3px;
	margin-top: 2px;
}

/***************************************************************************************************************
	ACTIONS PANE
****************************************************************************************************************/
.root_actions_pane{
	width: 180px;
	padding-bottom: 5px;
}

.root_actions_table{
	width: 100%;
}
/***************************************************************************************************************
	CARD ORDER PANE
****************************************************************************************************************/
.card_order_form{
	width: 250px;
	padding-bottom: 5px;
        text-align:center;
}

.card_order_table{
	width: 100%;

}
.card_order_table tr{
	width: 100%;
        height:30px;

}
.card_order_button,
.card_order_button:hover,
.card_order_button:visited{
	background-color:#98141b;
	border:solid 2px #ffffff;
        color:#ffffff;
        font-size:1em;
        font-weight:bold;
        margin:5px;
        padding:5px 10px;
        font-style:normal;

}

/***************************************************************************************************************
	CARDS SHOWROOM PANE
****************************************************************************************************************/
.cards_showroom_form{
	width: 250px;
	padding-bottom: 5px;
        text-align:center;
}

.cards_showroom_table{
	width: 100%;

}
.cards_showroom_table tr{
	width: 100%;
        height:30px;
}

.cards_showroom_table tr td{
        padding-top: 5px;


}

/***************************************************************************************************************
	ACTIVATION PANE 
****************************************************************************************************************/
.root_activation_pane{
	width:180px;
	padding-bottom: 5px;
}
.root_activation_table {
	width: 100%;
}

.root_activation_input {
	border: 1px solid #ccc;
}

.title_row{
	width: 100%;
}

.title_col{
	padding-left: 10px;
	background-color: #EEEEEE;
}

.root_activation_text_input {
	border:solid 1px #ccc;
	background:#fff;
	color:#AAAAAA;
	height: 20px;
	width: 180px;
}

.root_activation_button {
	border: 1px solid #ccc;
	float: right;
	background-color: #808080;
	color: #EEEEEE;
	height: 25px;
	width: 80px;
	vertical-align: middle;
	padding-bottom: 3px;
	margin-top: 2px;
}

/***************************************************************************************************************
	SERVICES PANE 
****************************************************************************************************************/
.root_services_pane{
	padding-bottom: 5px;
	width: 180px;
}

.root_services_table{
	width:100%;
}

.root_services_table * td{
	width: 180px;		
}


/***************************************************************************************************************
	USER ACCOUNT PANE 
****************************************************************************************************************/
.root_user_pane{
	padding-bottom: 5px;
	width: 180px;
}

.root_user_table{
	width: 100%;
	font-size: 13px;
}

.root_user_pane * a{
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bolder;
}

.root_user_pane * a:visited {
	color: #808080;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
}

/* CONSULTANT PANE*/
.root_consultant_pane{
	width:100%;
	padding: 0px;
	margin: 0px;
}

.root_consultant_pane div{
	padding: 0px;
	margin: 0px;
}













/* ROOT CONTENT PANE (USER page)*/
.user_content_pane_information{
	width: 100%;
}

.user_content_pane_left_button_td{
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	height: 30px;
}

.user_content_pane_right_button_td{
	float: right;
	height: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.user_content_pane_left_button , .user_content_pane_right_button {
	border: 4px double #cccccc;
	background-color : #EEEEEE;
	color : #AA0000;
	font-weight:bolder;
	font-size: small;
	height: 30px;
	width: 100px;		
}
 
.user_content_pane_content_data{
	width: 100%;
	//border: 1px solid #ccc;
	//padding-left: 10px;	
	//padding-right: 10px;	
}

.root_content_pane{
	width: 100%;
	height: 600px;
	background-color: #ffffff;
}

.root_content_pane tr td{
	border: 1px solid #ccc;
}


#child_pane_00, #child_pane_01, #child_pane_02, #child_pane_03, #child_pane_04, #child_pane_05{
	vertical-align: top;
	width: inherit;
	height: 300px;
}
.content_child_table{
	width: 100%;
	border : none;
}

.content_child_table th{
	height:25px;
	padding-left: 20px;
	vertical-align: middle;
	background-image: url("content/images/top_border.png");
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
}

.content_child_table tr {
	border: none;
}

.content_child_table img .ti{
	width: px;
}

.content_child_table tr td{
	border: none;
	padding-left: 10px;
	padding-top: 10px;	
}

.content_child_table_items{
	width: 100%;
	border : none;
}

.content_child_table_items tr{
	width: 100%;
	padding: 0px;
}

content_child_table_items tr td{
	padding: 0px;
}