/* CSS Document */

/* Mellanox HPC Advisory Council styles */
/* Layout Stylesheet */ 

html, body { background: url("../img/common/bg.jpg") repeat-x #525d77; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#444542; height:100%;}
a:link { text-decoration: none; color:#3675d9; }
a:visited { text-decoration: none; color:#3675d9; }
a:hover { color:#1e8e92; text-decoration: underline; }
hr { border: none 0; border-top: 1px solid #c8cbd2; border-bottom: 1px solid #efefef; width: 100%; height: 2px; margin: 0px; text-align: left; }
p { line-height:22px; }

h1 { color:#333333; font-size:20px; font-weight:bold; padding:16px 0px 16px 0px; margin: 0px 0px 0px 35px;}
h2 { font-size:15px; color:#333; }
h4 { font-size:14px; color:#eecf00; padding-left: 7px; } /* Gold Sponsors */
h5 { font-size:14px; color:#999999; padding-left: 7px; } /* Silver Sponsors */

.details { font-size:10px; font-weight:bold; }

#wrapper { text-align:left; width:940px; margin: 0 auto; border: 0px solid #00f; }

/* ie hack */ 
* html #wrapper { height:100% }
/* Layout Stylesheet */ 

#header { background-image: url("../img/common/header.jpg"); width: 940px; height: 173px; margin: 0 auto; background-position: top center; }
	#logo { margin-top:40px; margin-left:37px; float:left;}

#nav { width: 940px; height:41px; margin:0 auto; float:left; margin-bottom:20px; background:url("../img/common/nav_bg.jpg") repeat-x left top; }
ul#navbar { margin:0px 0px 0px 0px; list-style-type:none; height:41px; }
	ul#navbar li { float:left; }
	ul#navbar li a { display:block; padding:10px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration:none; color:#FFFFFF; }
	ul#navbar li a:hover { color:#0a243c; }
	ul#navbar li a#current { color:#0a243c; }

#body_wrapper { width: 940px; margin:0 auto; background-color:#FFFFFF; float:left; border: 0px solid orange;}

#body_top { width: 940px; height:12px; margin: 0 auto; background-color:#FFFFFF;}
#body_bot { width: 940px; height:12px; margin: 0 auto; background-color:#FFFFFF; float:left;}

#lcol { width:254px; padding: 15px 0px 0px 10px; float:left; margin: 0px 0px 0px 15px; border: 0px solid red; background:url("../img/common/lft_col_bg.jpg") no-repeat 0px 0px;}

#rcol { width:500px; margin: 10px 20px 0px 10px; float:right; border: 0px solid blue; }

#wsrcol { width:810px; padding: 15px 50px; margin: 0px 0px 0px 14px; float:left; background:url("../img/common/bg_top_single_col.jpg") no-repeat 0px 0px; border: 0px solid blue; }


#sideTitle { width:209px; padding: 15px 15px 15px 15px; background-color:#44728a; color:#ddeff6; font-size: 11px; background: url("../img/common/grn_bg.gif") no-repeat; margin-top:20px; }
#sideBody { width:219px; padding: 10px 20px 5px 0px; background-color:#b8d1da; color:#333333; font-size: 10px; border: 0px solid yellow; }
	#sideBody a:link { color:#027ebf; text-decoration: none; }
	#sideBody a:hover { color:#FFFFFF; }
	#sideBody a:visited { color:#027ebf; }

#footer { width:940px; clear:both; padding-top:5px; }
	#footer p { color:#FFFFFF; font-size:11px; text-align:center; line-height:18px;}
	#footer a:link { color:#99c8f2; text-decoration: none; }
	#footer a:hover { color:#FFFFFF; }
	#footer a:visited { color:#99c8f2; }

ul.bullet { list-style-image: url("../img/common/bullet.gif"); line-height:25px; }
ul.bullet2 { list-style-image: url("../img/common/bullet.gif"); }
ul.bullet2 li { margin-bottom:10px; }

#gold_sponsors {
	border-left: 1px solid #f4df50;
	margin:0px 0px 0px 20px; 
	padding: 0px 0px 0px 5px;
	}
#silver_sponsors {
	border-left: 1px solid #cccccc;
	margin:0px 0px 0px 20px; 
	padding: 0px 0px 0px 5px;
	}


  /****** Form Styles *****/
  
  table.stroke {
	border: 1px solid #ccc;
}

  .notrequired {
  background-color: #ffffff;
  }
 
  
  .required {
  background-color: #ffff66;
  }
 
/****** Workshop Page Specific Styles *****/
  
#billboard { width:904px; margin:10px auto 5px auto; text-align: center; border: 0px solid yellow;}

ul.wsbullet { list-style-image: url("../img/common/bullet.gif"); margin-left:15px; }
ul.wsbullet li { margin-bottom:10px; padding:0px 0px 0px 2px; }

img.sections { padding-left:10px; padding-bottom:10px; } 
 
 
 
 
 
  
 .chinese_submit_btn {
 	text-align:center;
	color:#083f56;
	font-size:13px;
	border:0px solid green;
	background:url("../img/btn_submit_blank.jpg") no-repeat top right;
	width:82px;
	height:36px;
	} 
	
.translate_language {
	text-align:right;
	padding: 0px 25px 0px 0px;
	/*margin-right: 18px;
	background-color:#CCCCCC;
	width:140px;
	height:20px;
	border:1px solid #999999;
	float:right;*/
	}	
	
.translate_language a:link, .translate_language a:visited {
	/*color:#9b4c7d;*/
	text-decoration:none;
	font-weight: bold;
	}		
	
.translate_language a:hover {
	/*color:#51223f;*/
	text-decoration:underline;
	font-weight: bold;
	}	
	
.flagtxt {
	font-size: 11px;
	color:#CC0000;
	}

.img_border {
	padding: 4px;
	border: 1px solid #525d77;
	margin: 40px 15px 30px 0px;
	}
	
#img_box {
	float:right; border: 0px solid red; width:120px;
	}
	
#bio_box {
	float:left; border: 0px solid green; width:460px;
	}
	
.form_box {
	width:265px;
	height:20px;
	margin: 0px 0px 8px 3px;
	padding: 2px 5px 2px 5px;
	/*background:url("../img/form_box.gif") no-repeat 0px 0px;*/
	border: 1px solid #CCC;
	background-color: #f5f5f5;
	color:#03C;
	}

.form_box_sml {
	width:25px;
	height:20px;
	margin: 0px 0px 8px 3px;
	padding: 2px 5px 2px 5px;
	/*background:url("../img/form_box.gif") no-repeat 0px 0px;*/
	border: 1px solid #CCC;
	background-color: #f5f5f5;
	color:#03C;
	}
	
.form_textarea {
	width:265px;
	height:120px;
	margin: 0px 0px 8px 3px;
	padding: 2px 5px 2px 5px;
	/*background:url("../img/form_box.gif") no-repeat 0px 0px;*/
	border: 1px solid #CCC;
	background-color: #f5f5f5;
	color:#03C;
	resize:none;
	}

.form_box_inside {
	border: 0px dashed #0000CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	width:265px;
	height:20px;
	background-color:#f6f6f6;
	}
	
#text_box {
	width:270px;
	height:120px;
	padding: 9px 10px 10px 10px;
	background-image:url(../img/text_box.gif);
	background-repeat:no-repeat;
	}	
	
#text_box_inside {
	border: 0px dashed #0000CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	width:265px;
	height:120px;
	background-color:#f6f6f6;
	}	







.flag_txt {
	color:#CC0000;
	}
	
	
/* form style */
#myform {
    width:230px;
}



#myform input:focus { color:#333333; background-color:#e5ecff; }
#myform input:active { background-color:#208ea2; }

/* error message */
.error {
    background-color:#0033CC;
    font-size:11px;
    border:1px solid #ffffff;
    padding:3px 10px;
	height:20px;
    color:#fff;
    display:none;

/*    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topleft:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-left-radius:0;

    -moz-box-shadow:0 0 6px #ccc;
    -webkit-box-shadow:0 0 6px #ccc;*/
}

.error p {
    margin:0;
}


/* -- Style Browse File Button -- */

#FileUpload {
    position:relative;
	margin:0px;
	padding: 0px;
}
 
#BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background:url(../img/upload.gif) 100% 0px no-repeat;
    height:30px;
    width:287px;
	margin: 25px 0px 0px 0px;
}
 
#FileField {
    width:185px;
    height:20px;
    margin-right:85px;
    border: 1px solid #CCC;
	background-color: #f5f5f5;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 3px; 
	/*color:#03C;	*/
}
 
#BrowserHidden {
    position:relative;
    width:300px;
    height:26px;
	
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}




#team_lft_col {
	float:left; 
	border: 0px solid red; 
	width:350px
}

#team_rht_col {
	float:right; 
	border: 0px solid blue; 
	width:450px
}
ul.team_list { 
	margin:0px; 
	padding: 0px;
	border: 0px solid red;
	float:left;
	}
ul.team_list li { 
	float:left; 
	width: 200px;
	height: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style:none;
	border: 0px solid red;
	text-align:center;
	}

ul.team_list_nopix { 
	margin:0px; 
	padding: 0px;
	border: 0px solid red;
	float:left;
	}
ul.team_list_nopix li { 
	margin: 0px;
	padding: 3px 0px 3px 20px;
	list-style:none;
	border: 0px solid red;
	text-align:left;
	}		
	
	
	
	
#gallery_lft_col {
	float:left; 
	border: 0px solid red; 
	width:550px;
}

#gallery_rht_col {
	float:right; 
	border: 0px solid blue; 
	width: 175px;
	margin: 0px 0px 0px 30px;
	padding-left: 30px;
}

ul.gallery_list { 
	margin:0px; 
	padding: 0px;
	border: 0px solid red;
	float:left;
	}
ul.gallery_list li { 
	float:left; 
	width: 100px;
	height: 100px;
	margin: 10px 10px 10px 10px;
	padding: 0px;
	list-style:none;
	border: 0px solid red;
	text-align:center;
	}
	
ul.gallery_list img { ; 
	width: 100px;
    height: 100px;
	border: 1px #C3C3C3;
	}




ul.video_list { 
	margin:0px; 
	padding: 0px;
	border: 0px solid red;
	float:left;
	}
ul.video_list li { 
	float:left; 
	width: 135px;
	height: 135px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style:none;
	border: 0px solid red;
	text-align:center;
	}
	
ul.video_list img { ; 
	width: 100px;
	height: 100px;
	border: 1px #C3C3C3;
	}

ul.video_list p { ; 
	font-size:10px; color:#333; 
	line-height:12px;
	margin:0px; 
	padding: 0px; 
	}
	