/*** Begin Global Styles *********************************************************************/
body {
	background-color:#fff;   
    margin:0;
    padding:0;
    font-size:12px;
    font-family:Tahoma, Arial, Verdana, Times New Roman;
    color:#211416;  
    line-height:20px;  
}
table {
	font-size:12px;
    font-family:Tahoma, Arial, Verdana, Times New Roman;
    color:#211416;  
}
table td {
	vertical-align:top;
}
ul {
    margin:0;
    padding:0 0 0 4px;
    list-style-type:none;
}
ul li {
    background: url('images/list.gif') 0 7px no-repeat;
    padding:0 0 0 17px;  
}
a, a:visited, a:link {
	color:#de1d3e;	
}
a:hover {
	color:#211416;
}
div {
    padding:0; 
    margin:0;
}
h1 {
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Verdana, Times New Roman;
}
img {
	border:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
    clear: both;
    display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-bottom: -1px;
}
.validator, .error_message {
	color:Red ! important;
}
/*** Buttons ***/
.btn_106 {
	background: url('images/btn_106.gif') 0 0 no-repeat;
	width:106px;
	height:23px;	
	padding:3px 0 7px 0px;
	*padding:4px 0 6px 0;	
	border:none;
	font-family:Tahoma,Arial;
    font-size:11px;
    color:#fff;
    cursor:pointer;  
}
.btn_61 {
	background: url('images/btn_61.gif') 0 0 no-repeat;
	padding:3px 0 5px 0px;
	*padding:4px 0 4px 0;
	border:none;
	font-family:Tahoma,Arial;
    font-size:11px;
    color:#fff;    
    text-align:center;
    width:61px;	    
    height:23px;
    cursor:pointer;
}
/*** / Buttons ***/

/*** End Global Styles *********************************************************************/

/*** Begin Top Navigation *********************************************************************/
.top_nav {
    float:left;
    padding:13px 0 0 46px;  
    *padding:13px 0 0 46px;  
}
.top_nav ul {
    margin:0;
    padding:0;
    padding-top:2px;
    list-style-type:none;
    float:left;
}
.top_nav ul li {
	margin:0 ;
    padding:0;
	padding-left:9px;
    float:left;  
    display:block;     
    background:none; 
	height:59px;
}
.menu_drop_down_div {
    position:absolute;   
    z-index:3;    
}
.menu_drop_down {   
    /*margin:-6px 0 0 -3px;
    *margin:0px 0 0 -3px;
    margin:-4px 0 0 -3px \9; */
    margin:-5px 0 0 -3px;
    *margin:0px 0 0 -3px;
    margin:0px 0 0 -3px \9; 
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.menu_drop_down {  margin:0px 0 0 -3px;}
}
.menu_drop_down_back {
	height: 100% !important; /* for modern browsers */
    height: 115px;          /* for IE5.x and IE6 */
    min-height: 115px;   
    width:183px;         
    background:url('images/drop_down_menu.png') 0 100% no-repeat; 
    /*
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); */
    padding:10px 10px 10px 20px;
}
.menu_drop_down_back td {
    vertical-align:top;    
    padding:0px 0 6px 0;  
    line-height:24px;      
}
.top_menu_inner_level {
	padding:0px 0 0px 8px; 
}
.menu_drop_down_back td a, .menu_drop_down_back td a:visited {
    font-size:14px;
    font-weight:bold;
    text-decoration:none;    
    color:#fff;     
}
.menu_drop_down_back td a:hover {
    color:#d79393;
}
/*** End Top Navigation *********************************************************************/

/*** Begin Banners ************************************************************************/
.banner_home {
    background-image:url('images/body_banner.jpg');
    background-position:center 0px;
    background-repeat:no-repeat;    
    height:313px;
    padding:2px 0 0 0;
}
.banner_lms_back {
    background-image:url('images/melon_lms_back.jpg');
    background-position:center 0px;
    background-repeat:no-repeat;    
    height:313px;
}
.banner_empty_back {
    background-image:url('images/custom_content_back.jpg');
    background-position:center 0px;
    background-repeat:no-repeat;    
    height:193px;
}
.banner_suit_back {
    background-image:url('images/suit_back.jpg');
    background-position:center 0px;
    background-repeat:no-repeat;    
    height:313px;
}
.melon_author_back {
    background-image:url('images/melon_author_back.jpg');
    background-position:center 0px;
    background-repeat:no-repeat;    
    height:313px;
}
.banner {
    z-index: 0; 
    position:relative;
    margin:0;    
    padding:0;
}
/*** End Banners ************************************************************************/

/*** Begin Header ***********************************************************************/
.header {
    background:url('images/header_back.gif') 0 0 repeat-x;
    height:74px;
}
.header .content {
    padding:0px 0 0 41px;
}
.banner .content img {
	padding:0;
	vertical-align:top;
	margin-top:1px;
}
.logo {
    float:left;
    padding:5px 0 0 19px;
}

/*** End Header *************************************************************************/

/*** Begin Tabs Styles ******************************************************************/
.content_nav {
    border-bottom: solid 1px #de1b43; 
    height:30px;
}
.content_nav_margin {
    margin:-6px 0px 0 -1px;   
    position:absolute;         
}
.content_nav_margin table {
	font-size:16px;  
    font-weight:bold; 
}
.content_nav_margin td a,
.content_nav_margin td a:hover span.first,
.content_nav_margin td a:hover span.last {
    color:#000;
    height:29px;
    display:block;   
    text-decoration:none;
    text-align:center;
}
.content_nav_margin td a{
    padding:8px 20px 0 20px;    
}
.content_nav_margin td a:hover,
.content_nav_margin table.on a{
    background:url('images/content_nav_back.gif') 0% 0% repeat-x;     
    color:#fff;
}
.content_nav_margin td a:hover span.first,
.content_nav_margin td a:hover span.last {
	color:#fff;
	cursor:pointer;  
}
.content_nav_margin td a:hover span.first,
.content_nav_margin td a.on span.first{
    background: url('images/content_nav_back_f.gif') 0% 0% no-repeat;       
    margin:-8px 0 0 -20px;   
    padding:8px 0px 0 20px; 
    display:block;   
}   
.content_nav_margin td a:hover span.last,
.content_nav_margin td a.on span.last {
    background: url('images/content_nav_back_l.gif') 100% 0% no-repeat;   
    margin:-8px -20px 0 0px;
    padding:8px 20px 0 0px; 
    display:block;      
}
/*** End Tabs Styles ******************************************************************/

/*** Begin Footer ***********************************************************************/
.more_for_melon {
    padding:24px 0 0 0;
    float:left;
}
.footer {
    background:url('images/footer_back.gif') 0 0 repeat-x;
    height:48px;    
}
.footer_flash {
    background:url('images/footer_flash_back.gif') 0 0 repeat-x;
    height:180px;
}
.footer .nav {
    float:right;
    padding:16px 0 0px 0;
}
.footer .nav ul {
    margin:0; 
    padding:0 20px 0 0;
    list-style-type:none;
    float:left;
}
.footer .nav ul li {
    float:left;
    background:none;
    padding:0;
}
.footer .nav ul li a, .footer .nav ul li a:visited {
    color:#211416;
    text-decoration:none;
}
.footer .nav ul li a:hover {
    color:#de1d3e;
}
/*** End Footer *************************************************************************/

/*** Begin Master Pages Styles ********************************************************/
.content {
    width:960px;
    margin:0 auto;    
}
.body .content {
    padding:26px 0 0 0px;
}
.top_left_corner {
    background:url('images/top_left_corner.gif') 0 0 no-repeat;
    height:6px;
    font-size:1px;
    padding:0 0 0 7px;
}
.top_right_corner {
    background:url('images/top_right_corner.gif') 100% 0 no-repeat;
    height:6px;
    font-size:0px;    
}
.bottom_left_corner {
    background:url('images/bottom_left_corner.gif') 0 0 no-repeat;
    height:6px;
    font-size:1px;
    padding:0 0 0 7px;
}
.bottom_left_corner div {
    background:url('images/bottom_right_corner.gif') 100% 0 no-repeat;
    height:6px;
}
.grey_top_left_corner {
    background:url('images/grey_top_left_corner.gif') 0 0 no-repeat;
    height:6px;
    font-size:1px;
    padding:0 0 0 7px;
}
.grey_top_right_corner {
    background:url('images/grey_top_right_corner.gif') 100% 0 no-repeat;
    height:6px;
    font-size:1px;
}
.grey_box_content {
    background:#ededed;
    /*padding:1px 20px 20px 20px;*/
}
.grey_bottom_left_corner {
    background:url('images/grey_bottom_left_corner.gif') 0 0 no-repeat;
    height:6px;
    font-size:1px;
    padding:0 0 0 7px;
}
.grey_bottom_left_corner div {
    background:url('images/grey_bottom_right_corner.gif') 100% 0 no-repeat;
    height:6px;
}
.corners_content {
    border-left: solid 1px #b2b2b2;
    border-right: solid 1px #b2b2b2;    
    height: 100% !important; /* for modern browsers */
    height: 330px;          /* for IE5.x and IE6 */
    min-height: 330px;     /* for modern browsers */
}
.left_content {
    width:472px; 
    padding: 0 10px 0 0;
    float:left;    
}
.right_content {
    width:424px;
    float:right;
    text-align:right;
    padding: 0 10px 0 0;    
}
.all_content {
    padding:38px 20px 20px 34px;
    overflow: hidden;  
} 
/*** End Master Pages Styles ***************************************************************/

/*** Begin Default.master styles ***********************************************************/
.home_space {
    font-size:1px;
    height:26px;
}
.melon_learning_suite {
    width:717px;
    height:350px;
    float:left;
}
.melon_learning_suite .title, .custom_content .title, .popupWindow .title,
.featured_client .title, .case_studies .title, .client_speak .title{
	font-size:20px;
    font-weight:bold;
    border-bottom: solid 1px #de1d3e;
    padding:2px 10px 8px 18px;
    color:#242424; 
}
.melon_learning_suite_content{
	 padding:7px 12px 5px 15px;
	 line-height:18px !important;
}
.melon_learning_suite_content .text{
	height:280px;
}
.custom_content {
    width:229px;
    height:350px;
    float:right;
}
.custom_content_padding{
 	padding:0px 10px 0px 10px;
 	line-height:18px !important;
}
.custom_content .text{
 	height:289px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.melon_learning_suite , .custom_content {
		 height:360px;
	}
	.melon_learning_suite_content .text{
		height:290px;
	}
	.custom_content .text{
 		height:299px;
	}
}
.custom_content img {
	margin-bottom:12px; 
}
.custom_content .description {
	padding-left:5px;
}
.client_speak {
    width:235px;
}
.client_speak_content {
    background:url('images/quotes.gif') 0% 0px no-repeat;
    padding:0 20px 20px 25px;
    color:#53494b;
    line-height:18px;
    margin:16px 0px 0px 20px;
}
.case_studies {
    float:left;
    margin:6px 0 0 17px;
    width:464px;
}
.case_study_dtl {
    margin:0 0 0 1px;       
    padding:16px 0 0 0;
}
.case_study_txt {
	padding-left:10px;
	line-height:18px;
}
.case_study_txt .space {
	height:10px;
}
.case_study_txt h3 {
    font-size:18px;
    padding:0 0 12px 0;
    margin:0px;
}
.featured_client {
    float:left;
    margin:6px 0 0 17px;
    width:227px;
}
.featured_client .image_padding {
    padding:16px 0 0 0;
    text-align:center;
}  
.melon_learning_suit_header {
	font-size:20px;
    font-weight:bold;
    border-bottom: solid 1px #de1d3e;
    padding:0px 10px 6px 18px;
    color:#242424; 
}  
.learn_more {
    font-size:12px;
    background:url('images/learn_more_arrow.gif') 100% 5px no-repeat;
    padding:0 10px 0 0;   
}
.popupWindow .title {
	padding:5px 5px 4px 18px;
	*padding:5px 5px 0 18px;
}
.red_label {
	color:#de1d3e;
	font-size:12px;
}
/*** End Default.master styles ***********************************************************/

/*** Begin CustomContent.master & CustomContent.masterOnePlaceholder styles ****************/
.left_content_cc {
    width:497px; 
    padding: 0;
    float:left;        
}
.right_content_cc {
    float:left;
    padding: 0;    
    width:390px;  
}
.btn_melon_author_course{
	 background:url('images/btn_melon_author.jpg') 0 0 no-repeat;
	width:317px;
    height:71px;
    border:none;
    padding:0;
    cursor:pointer;
    margin:50px 0 0 50px;
    clear:both;
}
/*** End CustomContent.master & CustomContent.masterOnePlaceholder styles ****************/

/*** Begin Popup Styles ******************************************************************/
.popupWindowBackground {
    background-color: Gray;
    filter: alpha(opacity=0);
    opacity: 0;
}
.popupWindow {
	background: #ededed;
	border: 1px solid #505050;
}
.popup_padding {
	padding:10px;
}
.demo_popup_padding {
	padding:5px 0 5px 3px;
}
.demoPopupWindow{
	width:743px;
}

.demoPopupWindow .title {
	padding:0;
	margin:0;
	padding:0px 0px 7px 20px;
	*padding:0px 0px 7px 20px;
}
.demoPopupWindow .title .left {
	padding-top:4px;
	line-height:30px;
}

/** Thanks Popup***/
.demoThanksWindow {
	width:350px;
	height:200px;
}
.demoThanksWindow .padding {
	padding:30px 15px 15px 15px;
}
.div_btn_ok{
	margin:auto auto;
	text-align:center;
}
.demoThanksWindow .title{
	padding:10px 0 10px 20px;
}
/** / Thanks Popup***/
.popupWindow .instructions{
	color:#4d4d4d;
	font-weight:bold;
	padding-left:20px;
}
.popup_form {
	margin-top:15px;
}
.popup_form .header_col{
	text-align:right;
}
.popup_form td {
	padding:3px;
	text-align:left;
}
.popup_form td .input{
	width:218px;
}
.demoPopupWindow .div_btn_registered{
	padding-right:22px;
}
.div_btn_registered_bottom {
	padding-left:8px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.demoPopupWindow .div_btn_registered {
		padding-right:25px;
	}
}
.btn_submit, .btn_cancel, .btn_registered, .btn_continue, .btn_change{
	height:27px;
	padding:2px 0 7px 0px;
	*padding:3px 0 6px 0;	
	border:none;
	font-family:Tahoma,Arial;
    font-size:15px;
    color:#fff;
    cursor:pointer;  
}

.btn_submit, .btn_cancel, .btn_continue {
	background: url('images/btn_109.gif') 0 0 no-repeat;		
	width:109px;
}

.btn_registered, a.registered_link {
	background: url('images/btn_registered.gif') 0 0 no-repeat;
	width:339px;
}

.btn_change {
   background: url('images/btn_129.gif') 0 0 no-repeat;
   width:129px;	
}

.demo_popup_footer {
	margin:0;
	line-height: 12px;
}

.popupWindow .btn_close {
    background: url('images/btn_close.gif') 0 0 no-repeat;
    width:66px;
    height:28px;
    border:none;
    padding:0;
    text-align:center;
    color:#fff;
    cursor:pointer;
}
/*** End Popup Styles *************************************************************/

/*** Begin MelonLearningSuit.master styles **************************************************************/

.left_content_suit {
    width:480px; 
    padding: 0 0px 0 0;
    float:left;    
}
.right_content_suit {    
    float:left;    
    text-align:center;
    padding:0 0 0 80px;
}
.melon_suit_box_back {
    margin:35px 0 0 0;
    background: url('images/melon_suit_box_back.jpg') 0 0 no-repeat;
    width:316px;
    height:190px;
}
.melon_suit_box_padding {
    font-size:12px;
    padding:16px 30px 0 43px;
    color:#fff;
    text-align:left;
    font-weight:bold;
}
/*** End MelonLearningSuit.mastere styles ********************************************************(******/

/*** Begin MelonAuthor.master styles *********************************************************************/
.btn_melon_author_no_margin {

    margin-left:60px;  
}
.btn_melon_author_space {
	height:7px;
}
/*** End MelonAuthor.master styles *********************************************************************/

/*** Begin AboutUs.master styles *************************************************************************/
.left_content_about {
    width:500px; 
    padding: 0 0px 0 0;
    float:left;   
}
.right_content_about {    
    float:left;    
    padding: 0 0px 0 53px;    
    font-size:12px;
    width:350px; 
}
/*** End AboutUs.master styles ***************************************************************************/

/*** Begin CaseStudiesDetails.aspx Styles ****************************************************************/
.case_study_cnt {
	float: left; 
	width: 530px;
	padding-top:10px;
}
.case_study_cnt .title {
	padding: 5px 0px;
}
.case_study_screenshot_cnt {
	float: right; 
	padding: 10px;	
}
.case_study_separator {
	clear: both; 
	height: 50px;
	padding-top:5px;
}
/*** End CaseStudiesDetails.aspx Styles ******************************************************************/

/*** Begin Styles used in FCKEditor **********************************************************************/
.page_title {
	font-size:24px;
	margin-top:0px;
	font-weight:bold;
}
.title18 {
	font-size:18px;
	font-weight:bold;
    color:#000;
	margin: 0 0 5px 0;
}
.home_page_link {
	font-size:18px;
	font-weight:bold;
    color:#000 ! important;
	text-decoration:none;
	display:block;
	margin-bottom:14px;
	margin-top:10px;
}
.title {
	font-size:14px;
	font-weight:bold;
    color:#000;
	margin: 0px;
}
.title12{
	font-size:12px;
	font-weight:bold;
    color:#000;
	margin: 0px;
}
.grey_title {
	font-size:14px;
	font-weight:bold;
    color:#686868;
    margin: 0px;
}
.important_text {
	font-size:14px;
	font-weight:normal;
}
.link,.link:visited {
	color:#de1d3e;	
}
.link:hover {
	color:#211416;
}

/*** End Styles used in FCKEditor *********************************************************/

/* ====== Clients page ==== */
.client_content
{
	 padding-top:21px;
}
.tbl_clients td{
	border-bottom:solid 1px #b2b2b2;
	margin-bottom:10px;
}
.tbl_clients .last_client_row {
	border-bottom:none ! important;
	margin-bottom:10px;
}
.tbl_clients .client_footer {
	margin-top:-10px;
	background-color:#ffffff ! important;
	border:none;
	position:relative;
}
.client_cnt {

	width:280px;
	padding-top:17px;
	padding-left:15px;
	
}
.client_cnt .client_img {
	/*border: 1px solid #A7A7A7;
	float: left;*/
	height: 149px;
	width: 209px;
	/*text-align: center;
	line-height: 135px;
	white-space: nowrap;*/
}
.client_cnt ul {
	padding: 0px;
	margin:0px;
	margin-bottom:27px;
}
.client_cnt ul li {
	background-image: none;
	padding: 0px;
	margin:0px;
	font-size:12px;
	font-family:Tahoma;
	color: #2c2c2c;
}
.client_cnt .text {
	padding: 10px 0px 0px 0px;
	clear: both;
	overflow: hidden;
	color: #010101;
	margin-left:5px;
}
.client_cnt h3 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 20px;
	font-family:Tahoma;
	color:#010101;
}
.client_cnt p {
	margin: 5px 0px;
	padding: 0px;
	font-weight: bold;
	font-size:14px;
	font-family:Tahoma;
}

.client_cnt a {
	color: #2c2c2c;
	padding: 0px 1px;
	font-size:12px;
	font-family:Tahoma;
}

/* ==== sitemap ==== */

.sitemap_list a {
	color: #211416;
}
.sitemap_list a:hover {
	color: #de1d3e;
}
.sitemap_table a h3 {
	color: #de1d3e;
}
.sitemap_table h3 {
	color: #de1d3e;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}
.sitemap_table a h3:hover {
	color: #211416;
}
.sitemap_title_subsection_link a {
	color: #211416;
	font-weight: bold;
}
.sitemap_title_subsection_link a:hover {
	color: #de1d3e;
}
.sitemap_footer {
	float: right;
	padding-right: 20px;
} 
.sitemap_footer a {
	margin-left: 5px;
	text-decoration: none;
	color: #211416;
	font-weight: bold;
	font-size: 11px;
}
.sitemap_footer a:hover {
	color: #de1d3e;
}

/********************         Forum            ***************************/
.forum_content {
    padding:0px 0px 0px 0px;
    overflow: hidden;
} 

.forum_div
{
   margin: 0px 0px 0px 70px; 
}
.forum_banner {
    background:url('images/forum_banner.jpg');  
    background-repeat:no-repeat;
    height:193px;
    width:962px;  
}

.forum_buttons {
    padding-top: 150px; 
    padding-left: 725px;
}

a.forum_link, a.forum_link:visited, a.registered_link, a.registered_link:visited,
a.btn_link, a.btn_link:visited {
	border:none;
	font-family:Tahoma,Arial;
    font-size:15px;
    font-weight:normal;
    color:#fff;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    display:inline-block;
    height:25px;
    padding-top:2px;
}

a.forum_link, a.forum_link:visited {
    background: url('images/btn_forum.gif') 100% 0 no-repeat;    
    width:100px; 
}

a.btn_link, a.btn_link:visited {
    background: url('images/btn_109.gif') 0 0 no-repeat;
	width:109px;
}

/***************** Login Forum   Change Password Forgot Password*************************************/
.main_div {
    margin-left:auto;
    margin-right:auto;
    height: 100% !important; /* for modern browsers */
    height: 330px;          /* for IE5.x and IE6 */
    min-height: 330px;     /* for modern browsers */
    width:412px;
}

.loginWindow, .passwordWindow {
	height: 100% !important; /* for modern browsers */
	width:412px;
}
.loginWindow .title, .passwordWindow .title {
	padding:0px 0px 7px 20px;
	*padding:0px 0px 7px 20px;
	
}
.loginWindow .title .left, .passwordWindow .title .left {
	padding-top:4px;
	line-height:30px;
}

.loginWindow .div_btn_register{
	padding-right:47px;
	padding-top:8px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.loginWindow .div_btn_register {
		padding-right:50px;
		padding-top:8px;
	}
}

.login_padding , .password_padding{
	padding:10px 0px 0px 50px;   
}

.password_padding{
	padding:10px 0px 0px 0px;   
}

.table {
	
}

.table .header_col {
	text-align:right;
	padding-left:15px;
}

.table td {
	padding:3px;
	text-align:left;
}

.table td .input {
	width:218px;
}
.testimonial_text{
    padding-top:10px;
}

