/* =============================== CLEAN! =============================== */

/* ---- External imports --------------------------- */
@import 'boxes.css';
@import 'text.css';
@import 'forms.css';
@import 'tabs.css';
@import 'tables.css';
@import 'briefcase.css';

/* ---- Generic elements --------------------------- */
* {
	position: relative;
}
html {
	background: #f2f2f2;
}

body {
	text-align:center;	
}

#wrapper {
	margin:0 auto;
	width:960px;
	text-align:left;	
}
hr {
	display: block;
	margin: 0.5em 0;
	border: 0;
	border-top:	1px solid #DDD;
	height: 0;
}

/* ---- Root structure ----------------------------- */

#rootHeaderFirst {
	width: 900px;
	margin: 0px auto;
	padding: 0 0px;
}

#rootHeaderSecond,
#rootBody,
#rootFooterFirst,
#rootFooterSecond {
	width: 860px;
	margin: 0px auto;
	padding: 0 50px;
	position:relative;
	float:left;
}
#rootHeader {
	margin-left: -20px;
	margin-bottom:20px;
	background:#F2F2F2 url(../img/structure/root_body_background.png) repeat-y scroll center center;
}
#rootHeaderFirst {
	background: #697277 url('../img/structure/root_header_background.png') repeat-x;
	border-bottom: 1px solid #1F5581; height: 80px;
}
#rootHeaderLogo {
	width: 160px;
	top: 19px;
	left: 7px;
	float: left;
}
#rootHeaderWatermark {
	float: right;
	width: auto;
	height: auto;
}

#rootHeaderSecond {
	background: #697277 url('../img/structure/root_body_background_blue.png') repeat-y scroll center center;
	/*background-color: #697277;*/
	/* o. removed as doesn't exist background:#697277 url('../img/structure/root_second_body_background_697277.png') repeat-y scroll center center; */
	padding: 4px 20px 2px 20px;
}

#rootHeaderSecond a {
	color: #ffffff;
	}
#rootHeaderThird {
	background: #f2f2f2 url('../img/structure/root_header_third_background.png') repeat-x;
}
#rootHeaderThirdBridge {
	background: url('../img/structure/root_header_third_bridge.png') center no-repeat;
	margin: 0px auto;
	width: 960px;
	height: 20px;
}
#rootBody {
	background: #f2f2f2 url('../img/structure/root_body_background.png') center repeat-y;
}
#rootBodyFirst {}

#morelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	margin-top: -35px;
	margin-left: 105px;
}

#morelink a {
	color: #888888;
	padding: 1px;
}

#morelink a:hover {
	text-decoration: none;
	color: #444444;
}

#rootBodyFirstBridge {
	
	margin: 0px auto;
	width: 960px;
	height: 20px;
}

#rootFooter {
	text-align: center;
	position:relative;
	float:left;
	overflow: auto;
}
#rootFooterFirst {
	background: #f2f2f2 url('../img/structure/root_body_background.png') center repeat-y;
	padding-top: 20px;
}
#rootFooterFirst hr {
	margin-top: 0;
}
#rootFooterFirst ul {
	padding: 10px 0 10px 0;
	margin: 0 auto;
}
#rootFooterSecond {
	background: #f2f2f2 url('../img/structure/root_footer_second_bridge.png') center top no-repeat;
	padding-top: 10px;
	height: 50px;
	color: #AAA;
}
#modalOverlay {
	background: #333;
}

/* ---- Generic styles ------------- */
.centerList li { display: inline; margin: 0 1em; }
.rightToLeftList { text-align: right; }
.rightToLeftList li { display: inline; margin: 0 0 0 2em; }
.partitionGroup {overflow:hidden;}
.partitionItem { float: left; min-height: 1px; margin-right: 20px; }
.spanHeaderList li hr {  }
.spanHeaderListAction li {margin-bottom: -10px;}
.icon { float: left; margin: 0px 10px 0px 0px;}
.menuHeading { background: #FFF url('../img/odijoo/menuList_bg.png') repeat-x; border: 1px solid #A9A9A9; height: 20px; margin-bottom: 5px; }
.menuHeading h6 { margin: 4px 0px 0px 0px;}
.menuBody li { margin:0px 0px 5px 40px;}
.menuIcon { float: left; margin: 3px 7px 0px 7px; }
  
/* ---- Overrides ---------------------------------- */
.bottomElement { margin-bottom: 0 !important; }
.rightElement { margin-right: 0 !important; }
.centered { text-align: center !important; }
.imageOnly { line-height: 0; }
.floatFix { clear: both !important; }

/* ---- Floats ------------------------------------- */
.floatLeft {float:left;}
.floatRight {float: right;}
.floatCenter {float: center;}

/* ---- Positioning -------------------------------- */
.center {margin: 0 auto 0 auto; }
.nudgeLeft { margin-left: 5px; }
.tenLeft { margin-left: 10px; }
.twentyLeft { margin-left: 20px; }
.grpsetradio { margin-left: 23px; margin-top: 3px; }
.noMargin { margin: 0px 0px 0px 0px; }
.noBottomMargin { margin-bottom: 0px; }

/* ----- Debugging --------------------------------- */
.placeholder { background: #fffaff; text-align: left; }
pre, .cake-sql-log-container { overflow: auto; }
.cake-sql-log-container { border: 2px inset #fef; padding: 5px; background: #656; max-height: 250px; position:relative; float:left; text-align:left; }
table.cake-sql-log th { font-weight: bold; }
table.cake-sql-log td { padding: 3px; border: 1px solid #989; }
.cake-sql-log { font-size: 105%; color: #fff; background: #656; }
pre { font-size: 125%; color: #000; background: #fef; border: 2px inset #989; margin: 5px; padding: 5px; }
#modalContainer .cake-sql-log-container, #modalContainer pre { width: 400px; }
.border { border: 1px solid #4F71B0; }
.border a {color: blue; text-decoration: underline; }


/* ---- Shops.ctp -------------------------------------*/
#shop-header-left {background-image: url(/udc/img/odijoo/shop-tbl-left.gif); background-repeat:no-repeat; background-position: top left; padding-left:3px;}
#shop-header-right {background-image: url(/udc/img/odijoo/shop-tbl-right.gif); background-repeat:no-repeat; background-position: top right; padding-right:3px;}
	

#shop-update-box {position:absolute; left:300px;	top:20px; width:134px; height:62px;}
#shop-update-button {position:relative;left:20px; top:0px; width:85px; height:21px;}
#shop-tot_subtotal {position:absolute; left:0px; top:0px; width:74px; height:20px font-family: Arial, Verdana, san-serif; font-size: 13px; font-weight:600; color: #555555; }
#shop-tot_price { position:relative; left:74px; top:0px; width:73px; height:20px; font-family: Arial, Verdana, san-serif; font-size: 14px; font-weight:600;}
#shop-tot_confirm{ position:relative; left:0px; top:0px; width:147px; height:23px; font-family: Arial, Verdana, san-serif; font-size: 10px; font-weight:600;	color: #555555; }

#shop-checkout_box { position:absolute; left:500px; top:20px; width:92px; height:62px; background-image: url(/udc/img/odijoo/checkout_bg.jpg); background-repeat: repeat-x; }
#shop-checkout-button { position:absolute; left:2px; top:22px; width:89px; height:21px; }
#shop-checkout-right { position:absolute; left:84px; top:0px; width:8px; height:59px; }
#shop-checkout-left { position:relative; left:0px; top:0px; width:10px; height:59px;}

#shop-table{ position:relative; left:0px; margin:0px 20px 20px 10px; font-family: Arial, Verdana, san-serif;}

#shop-dashed_line{ position:relative; top:5px; border-style:dashed; border-width:1px; border-color:#50B1D1;}

#shop-line{ position:relative;  border-style:solid; border-width:1px; border-color:#E2E2E2}

/* ---- Marketplace.ctp -------------------------------------*/
.marketplace-h1 { width: 592px; position:relative; float: left; color:#66B8DE; font-size: 14px; font-weight:bold; margin-top: 15px;}
#marketplace{position:relative; width:100%;}
#marketplace-left {position:relative;width:68%;}
/* MODIFIED: 2008-10-03: OCTALTECH: Fixed Bug#1596 - Fixed 2nd Level Tabs Look for Clarity */
.marketplace-search-panel { width: 592px; height:auto; position:relative; float:left; background-color:#E4F0FC; margin-top:0px; padding: 10px 0 20px 0; }
.marketplace-combo{ width: 160px; }
#marketplace-search-description { width: 592px; height: auto; position:relative; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#ffffff; padding-bottom: 10px; }
.marketplace-result-img {float:left; padding-right:8px;}
# 2008-09-17: MODFIED BY OCTALTECH: fix market catalog layout
#marketplace-results {position:relative; float: left; background-color:#ffffff; }
#marketplace-theme-search-panel-wrapper {position:relative; background-color:#E4F0FC; width:500px; padding:10px 0 0 0; margin:0 0 0 60px; }
#marketplace-theme-search-panel { position:relative; height:80px; width:450px; padding:5px 0 10px 0; }
#marketplace-theme-search-left {float:left; width:50%; text-align:right; }
#marketplace-theme-search-right {float:right; width:50%; text-align:right;}
#marketplace-theme-search-paging {position:relative; padding:10px 0 0 0;}
.marketplace-actions{position:relative; text-align:center; margin-left:150px; width:205px; height:20px; background-color:#FFFFFF; padding-top:7px; font-size:10px;}
.marketplace-actions-themes {position:relative; text-align:center; width:205px; height:20px; background-color:#FFFFFF; padding-top:7px; font-size:10px;}
.marketplace-result-img-theme {position:relative; border:1px black solid; width:200px;}
.marketplacestheme-list-content {position:relative; width:225px; margin-top:10px;}

/* Marketplace Courses */
.marketcoursesearch { padding: 5px 3px; text-align: right; background-color:#E4F0FC;}
.marketcoursesearch div { padding: 5px; }
.marketcoursesearch .rightsearch { float: right; width: 275px; clear: both; background }
.marketcoursesearch .leftsearch { width: 275px; float: left; }
.marketcoursesearch select { width: 175px; }


/*------- Marketplace Themes Search Filter box ------*/
.gray_box_themes { background: url("../img/odijoo/gray_tl.png") no-repeat top left;}
.gray_top_themes { background: url("../img/odijoo/gray_tr.png") no-repeat top right;}
.gray_bottom_themes { background: url("../img/odijoo/gray_bl.png") no-repeat bottom left;}
.gray_bottom_themes div {background: url("../img/odijoo/gray_br.png") no-repeat bottom right;}
.gray_content_themes {background: url("../img/odijoo/gray_r.png") top right repeat-y;}

.gray_top_themes div,.gray_top_themes,
.gray_bottom_themes div, .gray_bottom_themes {width: 100%; height:15px; font-size:1px;}
.gray_content_themes, .gray_bottom {margin-top: 0px;}
.gray_content_themes { padding:0 10px;}


/* --- GRAY BOX --*/
.gray_box { background: url("../img/odijoo/gray_tl.png") no-repeat top left;}
.gray_top { background: url("../img/odijoo/gray_tr.png") no-repeat top right;}
.gray_bottom { background: url("../img/odijoo/gray_bl.png") no-repeat bottom left;}
.gray_bottom div {background: url("../img/odijoo/gray_br.png") no-repeat bottom right;}
.gray_content {background: url("../img/odijoo/gray_r.png") top right repeat-y;}

.gray_top div,.gray_top,
.gray_bottom div, .gray_bottom {width: 100%; height:15px; font-size:1px;}
.gray_content, .gray_bottom {margin-top: 0px;}
.gray_content { padding:0 10px;}

/* -------------RIGHT BOXES ----- */
.box{left:0px;top:5px;width:100%;font-family:Arial, Helvetica, sans-serif;}
.box-header{position:relative;left:0px;width:180px;height:28px;	background-image:url("../img/odijoo/right-box-header.gif");background-repeat:no-repeat;text-align:center;color:#FFFFFF;font-size:11px;font-weight:bold;padding-top:5px;}
.box-text{position:relative;top:-2px;left:0px;width:180px;background-image:url("../img/odijoo/right-box-bg.gif");background-repeat:repeat-y;padding-left:25px;font:Arial;font-size:10px;}
.box-bottom{position:relative;top:-12px;left:0px;width:180px;height:19px;background-image:url("../img/odijoo/right-box-bottom.gif");background-repeat:no-repeat;}
.bullet li{list-style-image: url("../img/odijoo/bullet.gif");font-size:10px;color:#919d74;width:147px;}

.bh-left{position:relative; background-image:url("../img/odijoo/bh-l.png") no-repeat left;}
.bh-right{position:relative; background-image:url("..img/odijoo/bh-r.png") no-repeat right;}
.bh-content{position:relative; background-image:url("..img/odijoo/bh-c.png") repeat-x;}

/*---- marketplace_theme_details.ctp -----------------------------*/

#Table_01 {position:relative; left:0px; top:0px; width:650px;}

#themeDetailPic {position:relative; margin: 0px 0px 0px 0px;}

/*---block2--*/
#themeDetailsBlock2 {position:relative; margin: 10px 0px 0px 0px; }
#themeDetailsIcons {position:relative; float: left; width:466px; height:85px; }
#themeDetailsPreview {position:relative; float: right; margin: 13px 10px 0px 30px; }

/*---block3--*/
#themeDetailsBlock3 {position:relative; float:left; width: 650px; margin: 10px 0px 10px 0px; font-size:14px;font-family:Arial, Verdana, Helvetica, sans-serif;color:#6FBCE0; font-weight:600;}
/*---block4--*/
#themeDetailsBlock4 {position:relative; float:left; width: 650px; margin: 0px 0px 0px 0px; font-size:12px;font-family:Arial, Verdana, Helvetica, sans-serif;color:#000000; font-weight:300;}

/*---block5--*/
#themeDetailsBlock5 {position:relative; float:left; width: 250px; valign:center; padding: 5px 10px 10px 10px; margin: 5px 0px 0px 0px; font-size:11px;font-family:Arial, Verdana, Helvetica, sans-serif;color:#990100; font-weight:300; background-image: url(/udc/img/odijoo/theme-details-block5-bg.gif); background-repeat: repeat-x;}

/*---block6--*/
#themeDetailsBlock6 {position:relative; float:left; width: 650px; margin: 10px 0px 0px 0px; font-size:12px;font-family:Arial, Verdana, Helvetica, sans-serif;color:#000000; font-weight:300;}

/*--- mycampus_courses_developer_market.ctp --------------------*/
#developerMarket {position:relative; left:0px; top:0px; width:900px; background-color:#ffffff;}
#developerMarketBlock1 {position:relative; float: left; margin: 19px 0px 0px 0px; width:700px; font-size:16px; font-family:Arial, Verdana, Helvetica, sans-serif;color:#8f8f8f; font-weight:600;}
#developerMarketSaveButton { position:relative; float:right; margin:19px 10px 0px 0px;}
#developerMarketBlock2 {position:relative; float: left; margin: 20px 0px 0px 0px; width:700px; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;color:#535353; font-weight:300;}
#developerMarketBlock3 {position:relative; float: left; margin: 5px 0px 0px 0px; width:700px; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;color:#535353; font-weight:300;}
#developerMarketBlock3-sub {position:relative; float: left; margin: 5px 0px 0px 15px; width:700px; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;color:#535353; font-weight:300;}
#developerMarketViewButton {position:relative; float: left; margin: 20px 0px 0px 410px; width:139px; height:21px;}
#developerMarketPostButton {position:relative; float: left; width:170px; height:30px; }
#developerMarketHelpButton {position:relative; float:right; padding: 8px 0px 0px 0px; width:3px; height:3px;}
#developerMarketBlock4 {position:relative; float: left; margin: 17px 0px 0px 397px; width:182px; height:33px;}

/*----- home index.ctp ------------------------------------------*/
/*--- update box --------------------*/
.homeUpdateDate {float:left; color:#000000;}
.homeUpdateDetail {float:left; color:#535353;}

/*--------marketplace_coursedetails.ctp---------------------------*/
#leftimage {position:absolute;float:left;}
#rightimage {position:absolute; left:92%; top:18%;}
#r ttext {position:relative;}
#link {text-align: right}
#coursedetail {position:relative; width:100%;  }
.CourseDetailHeader1 {position:relative;  left:225px; font-size: 17px; color:#8ccae6; font-weight:600;}
.CourseDetailHeader2 {position:relative;  left:225px; font-size: 12px; color:#535353; }
.CourseDetailHeader3 {position:relative;  top:25px; font-size: 14px; color:#8ccae6; font-weight:600;}
.CourseDetailHeader4 {position:relative; top:29px; font-size: 14px; color:#8ccae6; font-weight:600;} 
.description {position:relative; top:30px; font-size:12px; color:#535353;}

/*-------- groups index ---------------*/
.groupsPic{position:absolute; left:10px;}
.groupsText{position:relative; left:150px;}
.groupsLinks{position:relative; left:70%;}
.groupsRow{position:relative; padding:10px 0 0 10px;}
.groups-browse{position:relative; width: 150px; float:left; padding:0 0 0 10px;}
.groups-browse-info{position:relative; width:300px; padding:0 0 0 10px;}
.groups-search-panel {position:relative; width:155px; height:373px;  }
.groups-search-pane2 {position:relative; width:150px; height:285px; background-image: url(../img/odijoo/mygroups-filter-bg.png); }
.groups-filter-h1 {position:relative; padding:0px 0 0 0; text-align:left; font-weight:bold; font-size:13px;}
.groups-filter-type {position:relative; padding:15px 0 0 9px;}
.groups-filter-location {position:relative; padding:0px 0 0 0px;}
.groups-filter-location2 {position:relative; padding:8px 0 0 10px;}
.groups-filter-resent-activity {position:relative; padding:38px 0 0 10px;}
.groups-filter-no-of-users {position:relative; padding:30px 0 0 10px;}
.groups-filter-no-of-users2 {position:relative; padding:28px 0 0 10px;}
.groups-filter-button {position:relative; padding-left: 15px;}
 
/*---- Groups ---*/
.group-info-title-h {position:relative; padding: 0 0 10px 10px;}
.group-image-title {positio:relative; float:left; padding: 0 0 10px 10px;}
.group-text-title {position:relative; float:left; font-size: 17px; color:#8ccae6; font-weight:600; padding: 0 0 10px 10px;}

 /*---  CREATE GROUP STEP 1 GROUP INFORMATION ---*/
.createFormTextbox{position:absolute;left:20%; width:40%;border-color:#D3D2BE;border-width:1px;border-style:solid;background-color:#FFFFFF;}
.createFormImage{position:relative;left:20%; border-color:#D3D2BE;border-width:1px;border-style:solid;}
.createFormLeftcol{text-align:right;right:82%;position:absolute;}
.groupInformationUpload{position: absolute;left:43%;font-size:10px;}
/*#GroupAccess {border: 1px #000 solid;}*/

/*--------CREATE GROUP STEP 2 GROUP OPTIONS---------------------------*/
#GroupOption {position:relative; width:100%;  }
.GroupOptionHeaderTextbox{position:absolute;left:9%;width:40%;border-color:#D3D2BE;border-width:1px;border-style:solid;background-color:#FFFFFF;}
.GroupOptionHeaderCheckbox {position:relative; border-color:#D3D2BE;border-width:0px;border-style:solid;background-color:#FFFFFF;  }
.GroupOptionHeaderWebsite {position:relative; left:85px; font-size: 12px; }
.GroupOptionHeaderOption2 {position:relative; left:136px; font-size: 12px; }
.GroupOptionHeaderOption3 {position:relative; left:150px; font-size: 12px; }
.GroupOptionHeaderOption4 {position:relative; left:260px; font-size: 12px; }
.GroupOptionHeaderOption5 {position:relative; left:1px; font-size: 12px; }

/*-------- CREATE GROUP STEP 3  MEMBERSHIP --------*/
#membership{position:relative; line-height:16px;}
#membership-left{position:relative; width:53%; border-right:dotted; border-width:2px; border-color:#F3F3F3;}
#membership-right{position:absolute; top:0px; left:55%;}
.membership-invi{position:relative; width:310px; height:226px; color:#818282; background-image:url("/odijoo/img/odijoo/membership-invi-box.gif"); background-repeat:no-repeat;padding:20px 0 0 20px;}
.membership-message{ position:relative; width:80%; top:6px; background-image:url("/odijoo/img/odijoo/textarea.gif");}
.send-invitation{ position:relative; top:400px; left:200px; }
.membership-title{position:relative; color:#535353; font-size:12px;font-weight:bold;}
.groupMembershipHeader{width: 310px; height: 12px; background: url("../img/boxes/group/membership/header.gif") no-repeat;}
.groupMembershipContacts{min-height: 50px;}
.groupMembershipBody{width: 310px; height: auto; background: url("../img/boxes/group/membership/bg.gif") repeat-y; padding: 0px 0px 20px 20px;}
textarea.groupMembershipBody {position: relative; left: -5px; padding: 0px; width: 260px; background-image:url("../img/odijoo/textarea.gif");}
.groupMembershipFooter{width: 310px; height: 17px; background: url("../img/boxes/group/membership/footer.gif") no-repeat;}

/*-------- payment.ctp --------*/
#payment-forms {position:relative ; padding-right:10px; border-right:solid; border-width:3px; border-color:#d2d1bc;width: 360px; height:398px; line-height: 25px;}
#payment-expiration {position: relative ; padding-right: 30px;  }
#payment-save {position : relative ; padding-left:70px; padding-top:10px;}
#payment-login { position:relative; padding-top: 10px;}
#payment-type { position: relative; padding: 0px 100px 0px 0px; height:55px; margin-buttom: 5px;}
#payment-right { position: absolute; width:205px ; height:38px; left:420px; top: 11px; background-image:url("/odijoo/img/odijoo/paypal.jpg"); line-height:14px;}
#payment-rightdiv{ position: absolute; left: 420px ; top: 84px ; width: 226px; height:416px;}
#payment-paypal {position: absolute; left: 420px ; top: 330px;width:196px ; height:98px; color:#d2d1bc  }

/*-------- My Courses Update Assign Percent --------*/
#UpdateAssignPercent {position:relative; width:50%}
.UpdateAssignPercenttext {position:relative; font-size:11px; font-weight:bold; color:#A9A9A9}
.UpdateAssignBackground {position:relative; width:85%; background-image:url("/odijoo/img/odijoo/textarea.gif ");}

/*-------- My Courses Update Assign Text --------*/
#UpdateAssignText {position:relative; width:65%}
.UpdateAssignTexttext {position:relative; font-size:11.5px; font-weight:bold; color:#A9A9A9; outline-color:#A9A9A9;  } 

.gray_box1 {line-height:25px; position: abolute; left: 420px; top:120px; background: url("/odijoo/img/odijoo/gray_tl.png") no-repeat top left; }

/* ------- COURSES - WHAT'S NEW IN MARKETPLACE ----*/
 .CoursesColumn1{position:relative;  border-width:1px; width:371px; margin-left:15%;}
.CoursesOptionRow1{position:relative; ;font-size: 80%;font-weight: bold; width:35%; height:21px; background-color:#F2F2F2;}
.CoursesOptionRow2{position:relative;font-size: 80%; width:35%; height:99px; background-color:#FFFFFF;}
.CoursesOptionRow3{position:relative; font-size: 80%;width:35%; height:69px; background-color:#EBE7DB;}
.CoursesOptionRow4{position:relative;font-size: 80%; width:35%; height:44px; background-color:#FFFFFF;}
.CoursesOptionRow5{position:absolute;font-size: 80%; border-left-style: solid;font-weight: bold;border-width: thin medium;border-color:#F2F2F2;top:0px; left:35%; width:70%; height:22px; background-color:#F2F2F2;}
.CoursesOptionRow6{position:absolute; font-size: 80%;border-left-style: solid;border-width: thin medium;top:20px; border-color:#F2F2F2;left:35%; width:70%; height:99px; background-color:#FFFFFF;}
.CoursesOptionRow7{position:absolute; font-size: 80%;border-left-style: solid;border-width: thin medium;top:120px; border-color:#F2F2F2;left:35%; width:70%; height:69px; background-color:#EBE7DB;}
.CoursesOptionRow8{position:absolute; font-size: 80%;border-left-style: solid;border-width: thin medium;top:190px; border-color:#F2F2F2;left:35%; width:70%; height:36px; background-color:#FFFFFF;}

 /*-------------- course info subtitle---------------------------------*/
.coursesSearchKeyword {position:relative; float:left; }
.coursesSearchSubject {position:relative; float:right; }
.coursesSearchButton {position:relative; margin: 50px 260px 0px 0px;}

/*------ mycampus_courses_teacher_courseinfo.ctp-------------------------*/
#CoursesMochaHeader {background-color: #dbd4c0; height:20px; width: 598px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
.CoursesMochaDirectory {position:relative; padding-top: 5px; margin:0px 0px 0px 10px;}
.CoursesMochaRightDirectory {position:relative; float:right; margin:-25px 10px 0px 0px;}
.CoursesMembersContent {width:600px; height:100%; padding: 0px 0px 0px 0px; margin: -11px 0px 0px 0px;}
.CoursesDetailHeader1 {position:relative; width:370px; left:225px; font-size: 17px; color:#8ccae6; font-weight:600;}
.CoursesDetailHeader2 {position:relative; width:370px; left:225px; font-size: 12px; color:#535353; }
.CoursesDetailHeader3 {position:relative; width:600px; top:25px; font-size: 14px; color:#8ccae6; font-weight:600;}
.CoursesDetailHeader4 {position:relative; width:600px; top:29px; font-size: 14px; color:#8ccae6; font-weight:600;}
.descriptions {position:relative; margin:30px 0px 0px 0px; font-size:12px; color:#535353; }

/* LightGray Boxes ------------------------------------------------------------- */
.LightGray { background: #FFFFFF; padding-bottom: 5px; position:absolute;  height:170px ; width:203px; top: 120px; left: 420px ;padding-top:5px; padding-right: 3px; line-height: 25px; margin-right: 5px;}
div.LightGray .boxHeaderLeft { background-image: url('../img/boxes/shadow/header_left.png') }
div.LightGray .boxHeaderCenter { background-image: url('../img/boxes/shadow/header_center.png') }
div.LightGray .boxHeaderRight { background-image: url('../img/boxes/shadow/header_right.png') }
div.LightGray .boxFooterLeft { background-image: url('../img/boxes/shadow/footer_left.png') }
div.LightGray .boxFooterCenter { background-image: url('../img/boxes/shadow/footer_center.png') }
div.LightGray .boxFooterRight { background-image: url('../img/boxes/shadow/footer_right.png') }
div.LightGray .boxTitle { background: #f2f2f2; padding-bottom: 5px; }
div.LightGray .boxBody { background: #f2f2f2; }
div.LightGray .boxTitle, div.shadowBox .boxBody { border: 1px solid #ebebeb; border-top: 0; border-bottom: 0; }
div.LightGray. boxBodySecond { padding-top: 15px; }

/*----myCourses----*/
table.mycourses {margin: 0 0 0 0; border-collapse: collapse;}
table.mycourses tr {padding: .3em; border: 1px #ccc solid;}
table.mycourses td {padding: .3em; border: 1px #ccc solid;}
thead {background: #f2f2f2;}
#mycourses-icons {position:relative; width:100%;}
.mycourses-icons-pictures{position:relative; text-align:center; font-size:8px; height:20px; padding:0px 0px 0px 0px;}
.mycourses-icons-letters{position:relative; text-align:center; font-size:8px; height:23px; padding:0px 2px 0px 2px; font-weight:bold;}
table.icons {margin: 0 0 0 0;}
table.icons tr {padding: 0; border: 0px #ccc solid;}
table.icons td {padding: 0; border: 0px #ccc solid;}

/*---- myCourses Rates ----*/
.mycourses-rates {position:relative; padding:0 0 0 110px;}
.mycourses-rates-star {position:relative; float:left; padding:0px 0 0 110px;}
.mycourses-rates-h1 {position:relative; font-size: 15px; color:#8ccae6; font-weight:600;}
.mycourses-rates-table{position:relative; text-align:center; font-size:10px; height:20px; padding:2px 0px 0px 0px;}
.mycourses-rates-save {position:relative; float:left; margin:5px 0px 0px 130px }

/*---- myCourses Market ----*/
.mycourses-market-post-button {position:relative; float:left; margin:5px 0px 0px 200px }
.mycourses-market-save-button {position:relative; float:left; margin:5px 0px 0px 155px }
.mycourses-market-publicpreview-button {position:relative; float:left; margin:6px 0px 0px 15px }
.mycourses-market-line {position:relative; float:left; width:250px; height:10px; margin:15px 0px 0px 160px }

/*---- myCourses Review ----*/
.mycourses-review-publishc-link {position:relative; float:right; margin:0px 0px 0px 0px }
.sub-mycourses-review-body{ position: relative; float: left; width: 97%; top: -5px;  border-top: 0px #E5E5DA solid; border-left: 0px #E5E5DA solid; border-right: 0px #E5E5DA solid; border-bottom: 0px #E5E5DA solid; padding: 15px 10px 5px 10px;}
.sub-mycourses-review-body-left{position: relative; float: left; width: 45%; height: 180px; top: -5px; padding: 15px 10px 5px 10px; background: url('../img/odijoo/mycourses-review-invi-box.gif');}
#sub-mycourses-review-body-left-in{position: relative; float: left; height: 180px; width: 100%; top: -5px;  padding: 15px 10px 5px 10px;}
.sub-mycourses-review-sub-header {height: 6px; background: url("../img/odijoo/mycourses-review-sub-header.gif") repeat-x;}
.sub-mycourses-review-sub-header-left {width: 19px; height: 15px; float: left; background: url("../img/odijoo/mycourses-review-sub-header-left.gif") no-repeat top left;}
.sub-mycourses-review-sub-header-right {width: 19px; height: 15px; float: right; background: url("../img/odijoo/mycourses-review-sub-header-left.gif") no-repeat top left;}
.sub-mycourses-review-body-right1{position: relative; float: right; width: 45%; top: -10px; padding: 15px 10px 5px 10px;}
.sub-mycourses-review-body-right1-review{position: relative; float: right; width: 45%; top: 0px; padding: 0px 10px 5px 10px; border-left: 2px #E5E5DA dotted;}
.CoursesDetailHeader1Review {position:relative; width:370px; font-size: 15px; color:#8ccae6; font-weight:600;}

.teacherFeedback {position:relative; width:100%; background-image:url("../img/odijoo/textarea.gif ");}

/*----- myCourses Administrative Logs ----*/
.mycourses-admin-show-logs {position:relative; float:right; margin:20px 260px 0px 0px }
table.adminlogs {margin: 0 0 0 0; border-collapse: collapse;}
table.adminlogs tr {padding: .3em; border: 0px #ccc solid;}
table.adminlogs td {padding: .3em; border: 0px #ccc solid;}
#CoursesMochaHeaderLogs {background-color: #dbd4c0; height:20px; width: 638px; padding: 0px 0px 0px 0px; margin: -16px 0px 20px -10px;}
.CoursesMochaRightDirectoryAdminLogs {position:relative; float:right; margin:5px 10px 0px 0px;}

/*----- myCourses Administrative Users ----*/
.mycourses-admin-users-line {position:relative; width: 95%; height:10px;  float:left; margin:5px 0px 0px 5px; background: url("../img/odijoo/admin_logs_line.png");}
.mycourses-admin-users-letter-search {position:relative; width: 95%;  text-align:center; margin: 50px 0px 0px 0px;}
.mycourses-admin-users-search-txt {position:relative; float:left; margin:15px 0px 0px 140px }
.mycourses-admin-users-search-button {position:relative; float:left; margin:13px 0px 0px 10px }
.mycourses-admin-users-search-records {position:relative; float:left; margin:10px 0px 0px 10px }

/*---- myCourses Administrative Stats ----*/
.mycourses-quick-administrative-stats {position:relative; width: 275px; height:94px;  float:left; border: 0px solid; margin:0px 0px 0px 150px; background: url("../img/odijoo/quick_administrator_stats.png");}
.mycourses-quick-administrative-stats-h {position:relative; font-weight: bold; width: 100%; margin:7px 0px 0px 20px;}
.mycourses-quick-administrative-content {position:relative; font-weight: bold; width: 100%; margin:15px 0px 0px 40px;}
#mycourses-administrative-stats-content{position:relative; width: 100%; float:left; margin:5px 0px 0px 0px;}

/*---- myCOurses Developer Publish ----*/
.developer-publish-courses-directory {position: relative; background-color: #dbd4c0; height:20px; width: 598px; padding: 0px 0px 0px 0px; margin: -60px 0px 0px 0px;}
.developer-publish-directory-text {position:relative; padding: 4px 0px 0px 10px;}
.developer-publish-courses-content {width:600px; float: left; padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px; }
.developer-publish-dotted-line {position:relative; width: 550px; border-bottom: 2px #E5E5DA dotted; margin: 10px 0px 0px 27px;}
#developer-publish-title-h1 {position:relative; left:0px; color:#9ebfd2; font-size: 15px; font-weight:bold;}
.developer-publish-assignrole-header {position:relative; width:100%; height:20px; border: 0px black solid}
.developer-publish-assignrole-header-content {position:relative; width:100%; border: 0px black solid; padding:5px 0px 0px 0px;}
.developer-publish-assignrole-contents {position:relative; width:100%; height:120px; border: 0px black solid; background: url("../img/odijoo/setup_1_Ebg.png");}
.developer-publish-assignrole-left {position:relative; float:left; width:20%; height:90px; border-right: 2px #000000 solid;}
.developer-publish-assignrole-left-contents {position:relative; width:90%; padding:4px 0px 0px 0px;}
.developer-publish-assignrole-center {position:relative; float:left; width:60%; border: 0px black solid; margin:0px 0px 0px 5px;}
.developer-publish-assignrole-center-contents {position:relative; width:100%; padding:4px 0px 0px 0px;}
.developer-publish-assignrole-right {position:relative; float:left; width:5%; height:57px; border: 0px black solid; margin:0px 0px 0px 22px;}
.developer-publish-assignrole-right-contents {position:relative; width:100%; padding:4px 0px 0px 0px;}
.developer-publish-save {position:relative; float:left; margin:5px 0px 0px 200px }
.developer-publish-link-adjust-payment {position:relative; float:left; margin:5px 0px 0px 140px }

/* -----Upload / Download -----*/
.UdcFormTextbox{position:absolute;left:20%;width:40%;border-color:#D3D2BE;border-width:1px;border-style:solid;background-color:#FFFFFF;}
.UdcFormLeftcol{text-align:right;right:82%;position:absolute;}
.UdcFormRightcol{text-align:left;left:21%;position:absolute;}
.UdcUpload{position:absolute;left:48%;font-size:10px;}

/*----- step3paymentfree.ctp , step3payment_PayAsYouGo.ctp, step3payment_PrePaid.ctp----*/
#DivBodySP {position:relative; Width:100%;}
.headerSP {position:relative; left:8px; color:#9ebfd2; font-size: 15px; font-weight:bold;}
#radioSP1 {position:relative; color:#acabab;}
#radioSP2 {position:relative; left:220px; }
#radioSP3 {position:relative; left:200px;}
.S3Pbg {position:relative;width:449px; height:74px; background-image: url('../img/odijoo/backgroundpayment.png'); background-repeat:no-repeat; }
.S3Ptext {position:relative; top:16px;}
.S3Pimg {position:absolute; top:62%; left:63%;}

/*----pay-as-you-go----*/
#S3Pcurrency {position:relative; color:#535353; font-weight:bold; font-size:12px;}
.S3Pbgp {position:relative;width:449px; height:110px; background-image: url('../img/odijoo/payobg.png'); background-repeat:no-repeat; }
/*----pre-paid----*/

#S3Ppricing {position:relative; color:#535353; font-weight:bold;font-size:12px;}
.S3Pbgpp {position:relative;width:596px; height:106px; background-image: url('../img/odijoo/paymentpp.png'); background-repeat:no-repeat; }

/* ----- feedback page -----*/
.teacherFeedback {position:relative; width:100%; background-image:url("/odijoo/img/odijoo/textarea.gif ");}

/*---- courses-teacher-gen-grades-table.ctp ----------------------------*/
#TeacherGenGrades {width:650px; float:left;}
.TeacherGenGradesCol1{background-color:#f2f2f2; font-weight:600; border-width:thin; border-color:#b6c4cb; border-left-style:solid; float:left; height:10px; padding:2px;}
.TeacherGenGradesCol2{border-width:thin; border-color:#b6c4cb; border-left-style:solid; float:left; height:20px; padding:4px 0px 0px 4px;}
.TeacherGenGradesLast{border-width:thin; border-color:#b6c4cb; border-left-style:solid; border-top-style:solid; border-bottom-style:solid; float:left; height:20px; padding:4px 0px 0px 4px;}

/*---- courses-teacher-grades-assign-table.ctp ----------------------------*/
#TeacherGradesAssign {width:680px; float:left;}
.TeacherGenGradesCol3{border-width:thin; border-color:#b6c4cb; border-left-style:solid; float:left; height:30px; padding:4px 0px 0px 4px;}
.TeacherGenGradesBorder {border-width:thin; border-color:#b6c4cb; border-top-style:solid; float:left; width:680px;}

/*--- Button ---*/
a.btnLink {
	/* sliding right image */
	/* 2008-09-22: MODIFIED - OCTALTECH  - 1st Shopping Cart Implementation */
	background: transparent url('../img/buttons/blue_gray_btn_right.png') no-repeat top right;
	display: block;
	height: 21px; /* image height*/
	margin-right: 10px;
	padding-right: 15px;
	/* font properties */
	text-decoration: none;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index:0;
	float: left;
}

a.btnLink span {
	/* background left image */
	/* 2008-09-22: MODIFIED - OCTALTECH  - 1st Shopping Cart Implementation */
	background: transparent url('../img/buttons/blue_gray_btn_left.png') no-repeat top left;
	display: block;
	height:21px;
	line-height: 21px; /* button height */
	padding: 0 0 0 15px;
	margin:0px;
}

/* submit buttons */
button { 
  border:0; 
  cursor:pointer; 
  padding:0 15px 0 0; 
  text-align:center; 
}

button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 15px; 
}

/* To remove 1px inner offset for span in firefox,
   TODO: might want to move to a firefox.css */
button::-moz-focus-inner { border: none;}

button.btnInput { 
	/* sliding right image */
	background: transparent url('../img/buttons/blue_gray_btn_right.png') no-repeat scroll top right;
	display: block;	
	height: 21px; /* image height*/
	padding: 0 15px 0 0;
	/* font properties */
	text-decoration: none;
	text-align: center;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

button.btnInput span { 
	/* background left image */
	height: 21px;
	background: transparent url('../img/buttons/blue_gray_btn_left.png') no-repeat top left;
	line-height: 21px; /* button height */
}


/*--- Default Buttons */
/* 2008-09-22: MODIFIED - OCTALTECH  - 1st Shopping Cart Implementation */
a.btnLinkStrong {
	/* sliding right image */
	background: transparent url('../img/buttons/blue_btn_right.png') no-repeat scroll top right;
	display: block;
	height: 21px; /* image height*/
	margin-right: 10px;
	padding-right: 15px;
	float: left;	
	/* font properties */
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.btnLinkStrong span {
	/* background left image */
	background: transparent url('../img/buttons/blue_btn_left.png') no-repeat top left;
	display: block;
	line-height: 21px; /* button height */
	padding: 0 0 0 15px;
	height:21px;
}

button.btnInputStrong { 
	/* sliding right image */
	background: transparent url('../img/buttons/blue_btn_right.png') no-repeat top right;
	width: 100px;
	display: block;	
	height: 21px; /* image height*/
	/* font properties */
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

button.btnInputStrong span { 
	/* background left image */
	height: 21px;
	background: transparent url('../img/buttons/blue_btn_left.png') no-repeat top left;
	line-height: 21px; /* button height */
}

button.btnInputDisabled { 
	/* sliding right image */
	background: transparent url('../img/buttons/blue_gray_btn_right.png') no-repeat top right;
	width: 100px;
	display: block;	
	height: 21px; /* image height*/
	/* font properties */
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

button.btnInputDisabled span { 
	/* background left image */
	height: 21px;
	background: transparent url('../img/buttons/blue_gray_btn_left.png') no-repeat top left;
	line-height: 21px; /* button height */
}

/*---- Black Tab -------*/
.blackBox{position:absolute; top:0px;padding: 10px;}
	
.blackBox .blackBox-right{
	position:relative;
	background-image:url("/odijoo/img/tabs/bh-right.png");
	background-repeat:no-repeat;
	background-position:top right;
	padding: 0 32px 0 0;
}	

.blackBox .blackBox-right .blackBox-left{
	height:38px;
	width:16px;
	position:absolute;
	background-image:url("/odijoo/img/tabs/bh-left.png");
	background-repeat:no-repeat;
}

.blackBox .blackBox-right .blackBox-header{
	position:relative;
	left:16px;
	width: 100%;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	background-image:url("/odijoo/img/tabs/bh.png");
	background-repeat:repeat-x;

	padding:10px 0 5px 0;
}

/*--------CurrentCourse_Completed--------*/
#DivBodyCCC {position:relative; width:100%;}
.CCCtable {position:relative; table-layout: automatic; border-color:#b6c4cb; background-image:../img/odijoo/paymentpp.png}
.CCCheader {font-size:10px; color:#3b3b3b; padding-top:5px; padding-bottom:5px; background-color:#f2f2f2;  border-width:1px;border-left: solid #b6c4cb;border-top: solid #f2f2f2;border-right: solid #b6c4cb;} 
.CCCtext1 {font-size:10px; color:#3b3b3b; padding-bottom:25px; padding-top:3px;  }
.CCCtext2 {font-size:10px; color:#3b3b3b; padding-bottom:25px; padding-top:7px; border-width:1px; border-top:solid #ece8dc; }

 /*--- Lightbox ---*/
.leftbox {position:relative; left:8%;width:280px;}
.righttbox {position:relative; left:12%;width:280px;}
.box {position:relative; left:12%;width:280px;}
.lightbox-actions{position:relative;text-align:center;width:258px;height:22px;background-color:#FFFFFF;padding-top:7px;}
.lightbox-image{left:7%;}


/*----- myContacts -----*/
.mycontacts-search-panel-wrapper {position:relative; margin-top:-10px; width:150px; height:463px; background-image:url("../img/odijoo/mycontacts-search-bg.png");}
.mycontacts-search-panel-header {position:relative;}
.mycontacts-filter-h1 {position:relative; padding:15px 0 0 0; margin-left:10px; text-align:center; font-weight:bold; font-size:13px; border-bottom:2px gray solid; height:20px; width:130px;}
.mycontacts-filter-wrapper {position:relative; margin-left:10px; border:0px black solid; width:130px;}
.mycontacts-filter-gender {position:relative; margin:10px 0px 0px 0px; border-bottom:2px gray solid; height:45px;}
.mycontacts-filter-location {position:relative; margin:15px 0px 0px 0px; border-bottom:2px gray solid; height:45px;}
.mycontacts-filter-employer {position:relative; margin:15px 0px 0px 0px; border-bottom:2px gray solid; height:45px;}
.mycontacts-filter-school {position:relative; margin:15px 0px 0px 0px; border-bottom:2px gray solid; height:45px;}
.mycontacts-filter-cfi {position:relative; margin:15px 0px 0px 0px; border-bottom:2px gray solid; height:57px;}
.mycontacts-filter-language {position:relative; margin:15px 0px 0px 0px; border-bottom:2px gray solid; height:45px;}
.mycontacts-filter-button {position:relative; padding:0px 0 0 70px;}

/*----- myProfile -----*/
.myProfileEditLeftcol{text-align:right; right:82%; position:absolute;}
.myProfileEditUpload{position:absolute; left:43%; font-size:10px;}
.myProfileEditImage{position:relative; left:20%; width:118px; height:100px; border:1px #D3D2BE solid;}
.noMargin2 {text-align:left; margin-left:0px; padding-left:0px;}
.profilebox {/*border: 1px #000 solid;*/ text-align: left; width: 445px; margin-left: 150px; }

/*----- notifications -------*/
.notificationBox { position:relative; margin: 5px 0px 10px 0px; }
.notificationCont { float: left; width: 598px; border: 1px #000 solid; padding-left: 20px; }

.notificationDate { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #555555; }



/* listing course info when publishing */
.courselabel { float: right; padding: 2px 8px;}
.coursevalue { float: right; width: 160px; padding: 2px 8px; text-align: left;}
.descvalue { float: right; width: 350px; padding: 2px 8px; text-align: justify;}
.entry {float: left; width: 50px; height: auto; padding:10px;text-align: center;}
.entry .holder {margin:0; padding:0; height: auto; width: 55px;border: 1px solid #fafafa;}
.entry .holder .pic {align: center; float:none; padding:bottom:5px;} 
.entry .holder .title { padding-top:5px;color: #802B70; position:relative; bottom:0px; float: left}

.groupMembers {margin-left:auto; margin-right: auto; margin-top: -20px;}
.groupMembers .entry {float: left; width: 55px; height: 75px; padding:10px;text-align: center;}
.groupMembers .entry .holder {margin:0; padding:0; height: 55px; width: 55px;border: 1px solid #fafafa}
.groupMembers .entry .holder .pic {width: 50px; height: 50px; align: center} 
.groupMembers .entry .holder .title {color: #802B70; position:relative; bottom:0px; float: left}
/* .groupMembers .entry .holder .pic img {width:100px; height:100px;} */

#groupMembers {margin-left:auto; margin-right: auto;}
#groupMembers .entry {float: left; width: 40px; height: 75px; margin: 0px;text-align: center;background:#efefef ;}
#groupMemberPic .entry img {margin:0; padding:0; height: 75px; width: 40px; border: 0px solid #fafafa}
#groupMemberPic .entry .title {color: #802B70; font-weight: bold; position:relative; top:30px}

/*style for the form - upload image - all pages applicable*/
.uploadcont { height: 110px; margin-bottom: 10px; }
.uploadform { float: right; width: 350px; margin-top: -65px; margin-bottom: 0px; }

/*--- upload password link placement ---*/
.changepass { left: 485px; z-index: 1; }

/*-----Marketplace Search Results Box-----*/

/*Gray Box*/
.graybox { width: 592px; height: auto; margin: 10px 0px; }
.grayboxtop { width: 592px; height: 11px; background-image: url(../img/boxes/grayBox/graybox_top.gif); background-repeat: no-repeat; background-color: #dcdcdc; position: relative; }
.grayboxmiddle { width: 592px; height: auto; background-color: #dcdcdc; position: relative; padding-bottom: 5px; }
.grayboxbottom { width: 592px; height: 11px; background-image: url(../img/boxes/grayBox/graybox_bottom.gif); background-repeat: no-repeat; position: relative; }

/*Gray Box Content*/
.gbcontent { width: 572px; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align: left; position: relative; margin-left: 10px; }
.gbcontent a { color: #1f92c8; text-decoration: none; }
.gbcontent a:hover { text-decoration: underline; }

/*Gray Box Image and Text*/
.gbimagefixed { width: 145px; height: auto; position: relative; float: left; }
.gbimageflexi { width: auto; height: auto; position: relative; }
.gbdetails { width: 408px; height: auto; float: right; position: relative; }
.gbwhitebox { white-space: nowrap; height: auto; background-color: #f9f9f9; padding: 5px; float: left; position: relative; }
.gbwhiteboxtext { margin: 0px 10px 0px 10px; }

/*---- Import Course and Course Description ----*/
.ic-maincont { width: 645px; height: auto; position: relative; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 8px; }
.ic-uploadcont { width: 645px; height: auto; position: relative; float: left; }
.ic-leftcont { width: 335px; height: auto; position: relative; float: left; }
.ic-rightcont { width: 280px; height: auto; position: relative; float: right; }
.ic-headertitle { font-size: 16px; font-weight: bold; color: #18ffff; }
.ic-inputcoursename { width: 316px; height: 16px; border: 1px #999999 solid; padding-top: 1px; padding-bottom: 2px; }
.ic-inputduration { width: 40px; height: 16px; border: 1px #999999 solid; padding-top: 1px; padding-bottom: 2px; }
.ic-selectduration { width: 80px; height: 22px; margin-left: 15px; }
.ic-textarealeftcont { width: 335px; height: 80px; border: 1px #999999 solid; margin: 7px 0px 20px 0px; }
.ic-selectsubject { width: 220px; height: 22px; margin: 7px 0px 20px 0px; }
.ic-whitebox { width: 277px; height: auto; float: left: position: relative; margin-top: 15px; }
.ic-whiteboxtop { width: 277px; height: 13px; background-image: url(./images/ic-uploadboxtop.gif); background-repeat: no-repeat; float: left; position: relative; }
.ic-whiteboxmiddle { width: 277px; height: auto; background-image: url(./images/ic-uploadboxmiddle.gif); background-repeat: repeat-y; float: left; position: relative; }
.ic-whiteboxbottom { width: 277px; height: 13px; background-image: url(./images/ic-uploadboxbottom.gif); background-repeat: no-repeat; float: left; position: relative; }
.ic-uploadppt { width: 255px; height: auto; margin-left: 10px; margin-top: 5px; }
.ic-inputbrowse { width: 130px; height: 16px; float: right; position: relative; margin-right: 7px; padding-top: 1px; padding-bottom: 2px; }
.ic-industrycont { width: 277px; height: auto; float: right; position: relative; margin-top: 65px; }

.courselabel{font-weight:bold}


/*---- START Market Place Course Detail ----*/
.cd-container{
  width:600px;
}

.cd-left{
	width:155px;
	float:left
}
.cd-right{
  padding-left:5px;
  float:left
}
.cd-title{
	font-size:16px;
  color:#68C8E9;
  font-weight:bold;
}
.cd-label{
  font-size:14px;
  color:#68C8E9;
}
.cd-body{
	padding-top:5px;
}
.cd-review-option{
	color:red;
	float:right;
	aligh:right;
}
.cd-review-list{
	font-size:11px;
	margin-bottom:5px;
}
.cd-gray{
	color:gray;
	font-weight:bold;
}
.clear{
  clear:both;
}

.pointer_active{
  cursor: pointer;
}

/*---- END Market Place Course Detail - marknt15 ----*/
.marginLeft20px{
  margin-left:20px;
}

.overflow-courses-1{
	overflow:auto;
	width:120px;
	/*
	height:auto;
	position: relative;
	overflow-y: hidden;
	overflow-x: auto;
	*/
}
.overflow-courses-2{
	overflow:auto;
	width:180px;
}
.overflow-courses-3{
	overflow:auto;
	width:150px;
}
.overflow-courses-4{
	overflow:auto;
	width:150px;
}

/* =====================================
	Video Pages like tour and demo
========================================*/
.boxBodySecond .video {
	height: 550px;
	overflow: hidden;	
}

.boxBodySecond .displayNone {
	display: none;	
}

/* --- list of videos to view --- */
.boxBodySecond .preview {
	width: 600px;
	cursor: pointer;
}

.boxBodySecond .preview .previewTitle {
	margin-left: 150px;
	font-weight: bold;
	color: #0032CF;
	padding-bottom: 10px;
}

.boxBodySecond .preview .previewBody {
	margin-left: 150px;
	color: #000000;
}

/* --- list of tour video previews ---*/
.boxBodySecond .previewStepByStep {
	background: url('../img/odijoo/odijoo_tourScreenshots.png') no-repeat top left;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.boxBodySecond .previewCourseCreation {
	background: url('../img/odijoo/odijoo_tourScreenshots.png') no-repeat 0px -117px;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.boxBodySecond .previewJoinAGroup {
	background: url('../img/odijoo/odijoo_tourScreenshots.png') no-repeat 0px -234px;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.boxBodySecond .previewSignUp {
	background: url('../img/odijoo/odijoo_tourScreenshots.png') no-repeat 0px -351px;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.boxBodySecond .previewEnrollStudents {
	background: url('../img/odijoo/odijoo_tourScreenshots.png') no-repeat 0px -468px;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.boxBodySecond .previewFindContacts {
	background: url('../img/odijoo/odijoo_tourScreenshots.png') no-repeat 0px -585px;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.boxBodySecond .previewEditProfile {
	background: url('../img/odijoo/odijoo_tourScreenshots.png') no-repeat 0px -702px;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.manageIcon {
	padding: 5px 0px;	
	text-transform: uppercase;
}
/* --- list of demo video previews ---*/
.boxBodySecond .previewDemo1 {
	background: url('../img/odijoo/odijoo_demoScreenshots.png') no-repeat top left;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.boxBodySecond .previewDemo2 {
	background: url('../img/odijoo/odijoo_demoScreenshots.png') no-repeat 0px -117px;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.boxBodySecond .previewDemo3 {
	background: url('../img/odijoo/odijoo_demoScreenshots.png') no-repeat 0px -234px;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.boxBodySecond .previewDemo4 {
	background: url('../img/odijoo/odijoo_demoScreenshots.png') no-repeat 0px -351px;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}

.boxBodySecond .previewDemo5 {
	background: url('../img/odijoo/odijoo_demoScreenshots.png') no-repeat 0px -468px;
	height: 80px;
	overflow: hidden;
	margin: 10px 10px 10px 0px;
}
/*---- START Flex forms convert to jQuery ----*/
.flex-label{font-weight:bold;}
.displayNone{ display:none; }
.jquery_button{border:1px solid #54A7CE;font-size:11px;}
.removeButton{background-color: white; border: none; color: red;}
.inviteButton{background-color: white; border: none; color: #50B1D1;}
	
	
.fc-container{
	/*height:700px;*/
}
.fc-header{
	font:14px verdana;
	font-weight: bold;
}
.fc-subheader{
	font:12px verdana;
	font-weight: bold;
}

.fc-label{
	float:left;
	text-align:right;
	width:125px;
	height:20px;
}
.fc-content{
	float:right;
	width:455px;
	height:20px;
}
.fc-txtbox{
  font: 11px verdana;
  /*border:1px solid gray;*/
  width:200px;
  height:15px;
}
.fc-select{
  font: 11px verdana;
}
.fc-search{
	margin-top:5px;
}
.fc-findcontacts{
	padding:5px;
	margin:0px auto;
	height:100px;
	width:400px;
	border:1px solid #CCCCCC;
	overflow:auto;
	display:none;
}

.fc-sendinvites{
	padding:5px;
	margin:0px auto;
	/*height:20px;*/
	width:290px;
	border:1px solid #CCCCCC;
	text-align:center;
}


.ic-container{

}

.ic-header{
    font:14px verdana;
    color:#699CD1;
    font-weight:bold;
    margin-bottom:5px;
}
.ic-note{
    border:1px solid #CCCCCC;
}

.ic-left{
    float:left;
    width:285px;
    margin-top:10px;
}

.ic-right{
    float:right;
    width:285px;
    margin-top:10px;
}

.ic-upload{
    text-align:center;
    margin-top:10px;
    margin:0px auto;
    border:1px solid #DDEEFE;
    padding:5px;
    width:470px;
}

.ic-audienceDesc{
    padding:5px;
    border:1px solid #E2E3EA;
    margin-bottom:5px;
    width:260px;
    margin-left:5px;
}

/*---- END Flex forms convert to jQuery ----*/


h4.isAvailable {
	font-weight: bold;
	margin-left: 50px;	
}