/*
Author			: Kelvin Du Preez
Date Created		: 26/07/2007
Last changed By		: Kelvin Du Preez
Last Changed On		: 12/11/2007

Version 1.0.12/11/2007

Comments : 
Date		Desc
------------------------------------------------------------------------------------
14/12/2006		Created basic styles.
24/01/2007		Added button style section.
24/01/2007		Added .input_width_2
24/01/2007		Added .menu_indent_5
24/01/2007		Added .shuffle_col_1
24/01/2007		Added .header_2
24/01/2007		Added .margin_10
24/01/2007		Added .margin_11
24/01/2007		Added .margin_12
24/01/2007		Added .line_height_1
02/02/2007		Added .content_text_1
02/02/2007		Added .brand_1 , brand_section, rule_1
02/02/2007		Added .margin_13, margin_14
02/02/2007		Added .link_4
13/02/2007		Added .margin_16, col_3, input_width_3, text_area_1, input_width_4, margin_17, input_width_5, input_width_6, margin_19, margin_20, margin_21, rule_2, margin_22, default_sub_header_2, line_height_2, margin_23, margin_24, multiple_select_1, margin_25, margin_26, but_2, rule_3, content_cell_grid_container, content_cell_add_campaign_container, content_cell_message_container, margin_27, col_2_home_page        
12/11/2007		Added .margin_28, .container_1,
*/

/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
MASSCASH DC CSS
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/

/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
BASIC STYLES START HERE
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/

.body {
	position : relative;
	margin : 0px;
	padding : 0px;
	text-align : center;
	width : 100%;
	height : 100%;
	background-color : #FFFFFF;
}

#page  {
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 748px;
	text-align : left;
	min-height : 100%;
	position : relative;
	background-color : #FFFFFF;
}

#clearfooter {
	clear : both;
	overflow : hidden;
}

#footer {
	position : absolute;
	bottom : 0px;
	_bottom : -1px;
	width : 100%;
	background-image : url("../../images/footer.gif");
	background-repeat : no-repeat;
}
			
.footerheight {
	height : 4px;
}

/*IE6 HEIGHT FIX*/
* html #page {
	height : 100%
}

.top_section {
	width : 748px;
	height : 77px;
	background-color : #F8F8F8;
}

.float_right {
	float : right;
	display : inline;
}

.float_left {
	float : left;
	display : inline;
}

.theplug {
	clear : both;
	margin : 0px;
	padding : 0px;
	width : 0px;
	height : 0px;
	overflow : hidden;
}

.menu_section {
	height : 41px;
	width : 748px;
	background-image : url("../../images/men_2_tile.jpg");
	background-repeat : repeat-x;
}

.men_1 {
	height : 41px;
	width : 193px;
}

.men_2 {
	height : 41px;
	width : 393px;
	/*Added background-image 10/08/07*/
	background-image : url("../../images/men_2_tile.jpg");
	background-repeat : repeat-x;
}

.men_3 {
	height : 41px;
	width : 16px;
}

.threadbar_section {
	height : 20px;
	width : 748px;
	background-image : url("../../images/thread_tile.jpg");
	background-repeat : repeat-x;
}

.threadbar_1 {
	height : 20px;
	width : 17px;
	/*Added background-image 10/08/07*/
	background-image : url("../../images/thread_tile.jpg");
}

.threadbar_2 {
	height : 20px;
	width : 715px;
	/*Added background-image 10/08/07*/
	background-image : url("../../images/thread_tile.jpg");
}

.threadbar_3 {
	height : 20px;
	width : 16px;
	/*Added background-image 10/08/07*/
	background-image : url("../../images/thread_tile.jpg");
}

.threadbar_2_col_1 {
	height : 20px;
	width : 555px;
}

.threadbar_2_col_2 {
	height : 20px;
	width : 150px;
	text-align : right;
}

.menu_sec {
	height : auto;
	width : 138px;
}

.col_1 {
	height : auto;
	width : 138px;
	margin-left : 12px;
	margin-right : 9px;
	background-image : url("../../images/top_left_menu_tile.gif");
	background-repeat : repeat-y;
}

.col_2 {
	height : auto;
	width : 576px/*573px*/;
	/*margin-right : 16px;*/
}

.col_2_home_page {
	height : auto;
	width : 426px;
	overflow : hidden;
}

.container_1 {
	height : auto;
	width : 426px;
}

.col_3 {
	height : auto;
	width : 138px;
	margin-left : 9px;
	/*margin-right : 12px;*/
	background-image : url("../../images/top_right_menu_tile.gif");
	background-repeat : repeat-y;
}

.menu_col_1 {
	height : auto;
	width : 129px;
	margin-left : 4px;
	margin-right : 5px;
}

.menu_col_2 {
	height : auto;
	width : 120px;
	margin-left : 8px;
	margin-right : 1px;
}

.content_col_1 {
	height : auto;
	width : 430px;
	margin-left : 0px;
	margin-right : 0px;
}

.content_col_2 {
	height : auto;
	width : auto;
	margin-left : 12px;
	margin-right : 6px;
}

.content_col_3 {
	height : auto;
	width : /*408*//*551*/529px;
	/*margin-left : 12px;
	margin-right : 10px;*/
}

.bottom_spacer {
	height : 60;
}

.shuffle_col_1 {
	height : auto;
	width : 275px;
}

.content_section {
	height : auto;
	width : 748px;
}

.text_align_center {
	text-align : center;
}

.left_menu {
	height : auto;
	width : 748px;
}

.spacer_1{
	width : 4px;
}

.spacer_2{
	width : 5px;
}

.left_menu_section{
	height : auto;
	width : 138px;
	background-image : url("../../images/top_left_menu_tile.gif");
	background-repeat : repeat-y;
}

.content_section_left_menu{
	height : auto;
	width : 138px;
	background-color : #CCFFFF;
}

.line_1 {
	height : 1px;
	width : 120px;
	background-color : #F5F5F5;
	background-repeat : repeat-x;
}

.header_1{
	height : 15px;
	width : auto;
	background-color : #F1F1F1;
}

.header_2{
	height : 15px;
	width : auto;
	background-color : #F7F7F7;
}

.header_3{
	height : 15px;
	width : 550px;
	background-color : #F3F3F3;
}

.arrows_1{
	height : 15px;
	width : 13px;
}

.curve_1{
	height : 15px;
	width : 7px;
}

.brand_1{
	width : 130px;
}

.brand_section{
	width : 410px;
}

.cell_1{
	width : 180px;
}

.cell_2{
	width : 133px;
}

.content_cell_1{
	width : /*200*/262px;
}

.content_cell_2{
	width : 9px;
}

.content_cell_3{
	/*width : 261px;*/
	width : 190px;
}

.content_cell_4{
	/*width : 29px;*/
	width : 28px;
}

.content_table_cell_1{
	width : 155px;
}

.content_table_cell_2{
	width : 105px;
}

.content_table_cell_3{
	width : 136px;
}

.content_table_cell_4{
	width : 135px;
}

.content_table_cell_5{
	width : 100px;
}

.content_table_cell_6{
	width : 175px;
}

.content_table_cell_7{
	width : 100px;
}

.content_table_cell_8{
	width : 74px;
}

.content_table_cell_9{
	width : 77px;
}

.content_cell_height{
	height : 20px;
}

.content_cell_container{
	height : 20px;
	width : /*408*/551px;
}

.content_cell_grid_container{
	height : 381px;
	width : /*408*/551px;
}

.content_cell_add_campaign_container{
	height : 198px;
	width : /*408*/551px;
}

.content_cell_message_container{
	height : 100px;
	width : /*408*/551px;
}

.content_cell_manage_users_container{
	height : 120px;
	width : /*408*/551px;
}

.rule_1{
	height : 1px;
	width : 130px;
	background-color : #F1F1F1;
}

.rule_2{
	height : 1px;
	width : 408px;
	background-color : #E4E4E4;
}

.rule_3{
	height : 1px;
	width : 128px;
	background-color : #F1F1F1;
}

.border_1{
	border : solid 1px #DDDEEC;
}

/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
BASIC STYLES END HERE
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/

/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
MARGIN AND PADDING STYLES START HERE
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/

.margin_1 {
	margin-top : 9px;
}

.margin_2 {
	margin-bottom : 9px;
}

.margin_3 {
	margin-bottom : 34px;
}

.margin_4 {
	margin-bottom : 7px;
}

.margin_5 {
	margin-bottom : 15px;
}

.margin_6 {
	margin-top : 2px;
}

.margin_7 {
	margin-bottom : 6px;
}

.margin_8 {
	margin-top : 2px;
}

.margin_9 {
	margin-top : 5px;
}

.margin_10 {
	margin-top : 40px;
}

.margin_11 {
	margin-bottom : 20px;
}

.margin_12 {
	margin-left : 6px;
	margin-right : 6px;
}

.margin_13 {
	margin-bottom : 50px;
}

.margin_14 {
	margin-bottom : 15px;
}

.margin_15 {
	margin-bottom : 5px;
}

.margin_16 {
	margin-left : 8px;
}

.margin_18 {
	margin-top : 20px;
}

.margin_17 {
	margin-left : 3px;
}

.margin_19 {
	margin-top : 50px;
}

.margin_20 {
	margin-bottom : 40px;
}

.margin_21 {
	margin-top : 30px;
}

.margin_22 {
	margin-left : 3px;
}

.margin_23 {
	margin-bottom : 30px;
}

.margin_24 {
	margin-left : 5px;
}

.margin_25 {
	margin-bottom : 6px;
}

.margin_26 {
	margin-top : 4px;
}

.margin_27 {
	margin-left : 50px;
}

.margin_28 {
	margin-left : 37px;
	margin-right : 37px;
}

.menu_indent {
	margin-left : 13px;
}

.menu_indent_1 {
	margin-left : 6px;
}

.menu_indent_1b {
	margin-right : 6px;
}
.menu_indent_2 {
	margin-left : 12px;
}

.menu_indent_3 {
	margin-left : 18px;
}

.menu_indent_4 {
	margin-left : 24px;
}

.menu_indent_5 {
	margin-left : 4px;
}

.loader_indent_1 {
	margin-left : 40px;
}

.gut_1 {
	margin-left : 12px;
}

.gut_3 {
	margin-right : 9px;
}

/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
MARGIN AND PADDING STYLES END HERE
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/


/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
TEXT STYLES START HERE
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/

.text_section_1 {
	height : 15px;
	width : 101px;
}

/*.text_section_2 {
	height : 15px;
	width : 101px;
}*/

.home_page_header_1 {
	font : 14pt arial;	
	color : #3333CC;
	text-transform : uppercase;
	tex-decoration : none;
	font-weight : bold;
	line-height : 16pt;
}

.home_page_header_2 {
	font : 20pt arial;	
	color : #3333CC;
	text-transform : uppercase;
	tex-decoration : none;
	font-weight : bold;
	line-height : 16pt;
}

.default_header {
	font : 8pt arial;	
	color : #000000;
	text-transform : uppercase;
	tex-decoration : none;
	font-weight : bold;
}

.head_1 {
	color : #6E7C8C;
}

.default_sub_header {
	font : 8pt arial;	
	color : #6E7C8C;
	text-transform : none;
	tex-decoration : none;
	font-weight : bold;
}

.default_sub_header_2 {
	font : 7pt arial;	
	color : #6E7C8C;
	text-transform : none;
	tex-decoration : none;
	font-weight : bold;
}


.default_text {
	font : 7.5pt arial;	
	color : #39495D;
	text-transform : none;
	tex-decoration : none;
	font-weight : normal;
}

.content_text_1 {
	font : 7.5pt arial;	
	color : #000000;
	text-transform : none;
	tex-decoration : none;
	font-weight : normal;
}

.line_height_1 {
	line-height : 20px;
}

.line_height_2 {
	line-height : 15px;
}

.link_threadbar:hover {
	color : #B2C6E0;
}

.link_threadbar,.link_threadbar:link,.link_threadbar:active,.link_threadbar:visited {
	font : 8pt arial;	
	color : #FFFFFF;
	font-weight : normal;
	text-transform : none;
	text-decoration : none;
	line-height : 14pt;
}

.link_1:hover {
	color : #7F8C9C;
}

.link_1,.link_1:link,.link_1:active,.link_1:visited {
	font : 7.5pt arial;	
	color : #6E7C8C;
	font-weight : normal;
	text-transform : none;
	text-decoration : none;
}

.link_3,.link_3:link,.link_3:active,.link_3:visited {
	font : 7.5pt arial;	
	color : #93A2B3;
	font-weight : normal;
	text-transform : none;
	text-decoration : none;
}

.link_3:hover {
	color : #7F8C9C;
}

.link_submit:hover {
	color : #444444;
}

.link_2:hover {
	color : #C5C5C5;
}

.link_2,.link_2:link,.link_2:active,.link_2:visited {
	font : 8pt arial;	
	color : #AEAFAF;
	font-weight : bold;
	text-transform : none;
	text-decoration : none;
	line-height : 25pt;
}

.link_2_header {
	font : 8pt arial;	
	color : #9D9D9D;
	font-weight : bold;
	text-transform : none;
	text-decoration : none;
	line-height : 25pt;
}

.link_4,.link_4:link,.link_4:active,.link_4:visited {
	font : 7.5pt arial;	
	color : #000000;
	font-weight : normal;
	text-transform : none;
	text-decoration : none;
}

.link_4:hover {
	color : #7F8C9C;
}

/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
TEXT STYLES END HERE
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/


/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
FORM ELEMENTS START HERE
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/

.form_element_container {
	height : auto;
	width : auto;
}

/* IE input margin fix*/
.ieinputfix {
	_margin-top : -1px;
	_margin-bottom : -2px;
	_padding : 0px;
}

.common_input {
	border : solid 1px #DDDEEC;
	height : 17px;
	font : 7.5pt arial, verdana, sans-serif; 
	font-weight : normal;
	color : #3D5553;
	text-transform : none;
	text-indent : 3px;
}

.common_select {
	border : solid 1px #DDDEEC;
	height : 17px;
	font : 7.5pt arial, verdana, sans-serif; 
	font-weight : normal;
	color : #3D5553;
	text-transform : none;
	text-indent : 3px;
}

.multiple_select_1 {
	height : 100px;
	font : 7.5pt arial, verdana, sans-serif; 
	font-weight : normal;
	color : #3D5553;
	text-transform : none;
}

.input_width_1 {
	width : 100px;
}

.input_width_2 {
	width : 300px;
}

.input_width_3 {
	width : 270px;
}

.input_width_4 {
	width : 190px;
}

.input_width_5 {
	width : 30px;
}

.input_width_6 {
	width : 40px;
}

.form_element_width_auto {
	width : 100%;
}

.text_indent_1 {
	text-indent : 2px;
}

.text_area_1 {
	height : 100px;
	font : 7.5pt arial, verdana, sans-serif; 
	font-weight : normal;
	color : #3D5553;
	text-transform : none;
}

/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
FORM ELEMENTS END HERE
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/

/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
BUTTON STYLE START HERE
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/

.button {
	height : 20px;
	width : auto;
}

.but_1, but_1:link, but_1:visited {
	font : 8pt arial,sans-serif; 
	width:auto;
	height:16px; 
	background:#E7E7E7; 
	border:1px solid #C1C6CD; 
	text-align:center; 
	text-decoration:none; 
	color:#4071B4;
	padding : 2px 4px 2px 4px;
}

.but_1:hover {
	color:#8EA9D9; 
	background-color : #EEEEEE;
}

.but_2, but_2:link, but_2:visited {
	font : 7pt arial,sans-serif; 
	width:auto;
	height:10px; 
	background:#E7E7E7; 
	border:1px solid #C1C6CD; 
	text-align:center; 
	text-decoration:none; 
	color:#4071B4;
	padding : 2px 4px 2px 4px;
}

.but_2:hover {
	color:#8EA9D9; 
	background-color : #EEEEEE;
}  

.line_height_scroll {
	line-height : -30px;
}

/*
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
BUTTON STYLES END HERE
)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
*/