/* ######### CSS for Shade Tabs. Remove if not using ######### */
.showcase_prev{top:180px; left:6px; position:absolute;}
.showcase_next{top:180px; right:6px; position:absolute;}

.shadetabs{width:970px; margin-top:-5px; text-align:center;}

.shadetabs a{ padding-top:35px;}

.shadetabs a img{ border:0px;}

.shadetabs a.selected{ /*selected main tab style */ background-image:url(images/showcase_thumb1.gif); background-repeat:no-repeat; }

.shadetabs a.selected{ /*selected main tab style */} 

.shadetabs a.selected:hover{ /*selected main tab style */}

.tabcontent{display:none;}

@media print {
.tabcontent {display:block !important;}
}


/*Showcase Viewer*/
#showcase{ width:970px; height:450px; margin-bottom: 1em;}
#showcase img{ margin:auto; text-align:center; bottom:0px;}

/*Profile Viewer*/
.profile { text-align:center;font-family:Lucida Sans unicode; font-size:13px; }
#profile_roles { background-image:url(images/profile_roles_bg.gif); background-repeat:repeat-x; padding-bottom:16px; text-align:center; height:50px;}
.roles{list-style-type: none; text-align:center; }

.roles li{display: inline;}
.roles li a{ text-decoration:none; color: #777; font-size:16px; padding-bottom:40px; padding-right:30px;}
.roles li a:hover{}
.roles li a.selected{ /*selected main tab style */background-image: url(images/profile_roles_selected.jpg);background-repeat:no-repeat;color: black;}
.roles li a.selected:hover{ /*selected main tab style */text-decoration: none;}

#roles { float:left; width:70%; }
#responsbilities, #tools { margin-top:-1px;}
#responsbilities li, #tools li{ display:list-item; list-style:circle; line-height:24px;margin-left:-10px; width:90%;}
#tools li{list-style:none;margin-left:-30px;}
/*Profile > Referal */
#referal { background-image:url(images/profile_referal_bg.jpg); background-repeat:no-repeat; background-position:right  0px; height:420px; position:absolute; padding-left:600px}

#referal #referal_links{ margin-top:0px;}
#referal #referal_links li{ list-style:none; height:80px;margin-bottom:10px; padding-left:12px}
#referal #referal_links .title_interaction { background-image:url(images/profile_referal_interaction.png); background-repeat:no-repeat; margin-bottom:-20px; margin-top:-1px; }
#referal #referal_links .title_creative { background-image:url(images/profile_referal_creative.png);background-repeat:no-repeat; margin-bottom:-20px; margin-top:-1px; }


#referal ul li a{ display:block; padding-left:114px; color:#000; font-size:12px; padding-right:16px}
#referal ul li .heading{ font-size:13px; text-decoration:none; font-weight:bold; padding-bottom:35px;}

/*Profile > Referal links */
#referal #designpattern { background-image:url(images/profile_referal_pattern.png); background-repeat:no-repeat;}
#referal #userscenario { background-image:url(images/profile_referal_scenario.png); background-repeat:no-repeat;}
#referal #icon { background-image:url(images/profile_referal_icon.png); background-repeat:no-repeat;}
#referal #website { background-image:url(images/profile_referal_website.png); background-repeat:no-repeat;}
#referal #logo { background-image:url(images/profile_referal_logo.png); background-repeat:no-repeat;}
#referal #profile { background-image:url(images/profile_referal_profile.png); background-repeat:no-repeat;}






 /*Contact*/
.contact_purpose{font-family:Lucida Sans unicode; font-size:14px; }
.contact_purpose p{ padding-left:10px; padding-top:0px; font-weight:bold;}

#contacttabs {  margin-left:10px; margin-top: 0px; background-image:url(images/contact_purpose_line.gif); background-repeat:repeat-x;}


#contacttabs a{ 
margin-right: 10px; padding-right:10px; padding-bottom:15px;padding-top:35px; text-align:center;
background-image:url(images/contact_purpose0.png); background-repeat:no-repeat; font-size:13px; 
}

#contacttabs a img{ border:0px;}
#contacttabs a.selected{background-image:url(images/contact_purpose1.png); background-repeat:no-repeat; color:#0065B3;}

#contact_general{font-family:Lucida Sans unicode; font-size:14px; color:#333; width:700px;}
#contact_general input{ width:350px; margin-top:6px;} 
#contact_general textarea{ width:730px; margin-top:6px; height:60px;} 

.tabcontent { margin-left:-10px; vertical-align:top;}
.tabcontent input, select {width:360px; margin-top:6px;}

#contact_general .btn_submit{ width:100px; height:40px;font-family:Lucida Sans unicode; font-size:15px; margin-right:10px; background-image:url(images/btn_submit0.png); background-repeat:no-repeat; border:0px;}
#contact_general .btn_submit:hover{background-image:url(images/btn_submit1.png); background-repeat:no-repeat; border:0px;}

#contact_purpose_hire_more{position:absolute; right:22px; top:230px; background-image:url(images/contact_purpose_hire_more.png); background-repeat:no-repeat; width:196px; height:256px; padding:8px; font-size:12px; }
#contact_purpose_hire_more h1{ font-size:14px; font-weight:normal;}
#contact_purpose_hire_more a{ color:#000000; display:block; line-height:22px;}
#contact_purpose_hire_more p{line-height:16px; margin-top:10px; font-weight:normal; margin-left:-10px;}