body
{
	color:#333;
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
}

img
{
	border:0;
}

h1
{
	color:#069;
	font-size:18px;
	margin:10px 0;
}

h2
{
	color:#069;
	font-size:14px;
	margin:10px 0 5px;
}

h
{
	color:#d7bb4d;
	font-size:13px;
	font-weight:400;
}

a
{
	color:#900;
	text-decoration:underline;
}

a:visited
{
	color:#900;
}

a:hover
{
	color:#069;
}

#appcenterbreadcrumb
{
	margin-left:0px;
	padding:15px 0 10px 5px;
}

#pageheader
{
	color:#000;
	font-weight:bolder;
	height:40px;
	padding-left:20px;
	width:800px;
}

.step2_headers
{
	color:#069;
	font-size:18px;
	font-weight:900;
}

.clearing
{
	clear:both;
}

.commentForm
{
	width:600px;
}

.commentForm input
{
	float:right;
}

.authorPhoto
{
	float:left;
	padding:.5em;
}

#top,.top
{
	float:left;
	padding-bottom:1em;
}

#authorFeed
{
	font-size:9px;
	padding-top:1em;
}

.quoteLink
{
	margin-left:1.2em;
}

.quoteLink a
{
	color:#000;
	text-decoration:none;
}

.quoteLink a:hover
{
	text-decoration:underline;
}

.quoteComment
{
	bottom:-9px;
	float:left;
	font-size:11px;
	position:relative;
}

blockquote
{
	background:#D3D3D3;
	border:solid 1px #000;
	margin-left:1em;
	margin-top:.2em;
	padding:0 .4em;
}

.title a
{
	color:#069;
	font-weight:600;
	text-decoration:none;
}

.thumbSlider a
{
	cursor:pointer;
	display:block;
	float:left;
	height:76px;
	margin:5px;
	width:76px;
}

.thumbSlider img
{
	background:grey;
	padding:1px;
}

.thumbDisplay
{
	float:left;
	height:100px;
	overflow:hidden;
	position:relative;
	width:350px;
	display:none;
}

.thumbSlider
{
	float:left;
	left:0;
	overflow:hidden;
	position:relative;
	width:8000px;
	z-index:5;
}

.arrowButton
{
	cursor:pointer;
	float:left;
	height:100px;
	left:0;
	position:relative;
	width:20px;
	z-index:10;
}

.arrowButton img
{
	position:relative;
	top:5px;
}

#holder
{

}

#left,#right
{

}

#left
{
	background:url(/Common/redesign04/images2/eclightorangebar.gif);
	float:left;
	padding-top:10px;
	width:165px;
}

#right
{
	width:840px;
	float:right;
	padding:0 10px 0 5px;

}

#left h2
{
	background:transparent url(/applications/images/left_bk.gif) no-repeat;
	border:1px solid #fff;
	border-left:none;
	border-right:none;
	color:#FFF;
	display:block;
	font-size:12px;
	font-weight:600;
	margin:0;
	padding:5px;
}

#left h2 a
{
	color:#FFF;
	text-decoration:none;
}

#left ul.links,ul.feeds,.categoryTree ul,ul.searchLinks
{
	font-size:11px;
	margin:10px 0 10px 25px;
	padding:0;
}

#left ul.links,.categoryTree ul
{
	list-style-image:url(/common/includes/dot.gif);
}

#left ul.feeds,#left ul.searchLinks
{
	list-style:none;
}

#left ul.links li
{
	margin:0;
	padding:0 0 3px;
}

#left ul.links li a,#left ul.feeds li a,#left ul.searchLinks li a
{
	color:#004A6F;
	text-decoration:none;
}

.categoryTree li.active
{
	background:#900;
	margin:2px 5px 2px 0;
	padding:2px 0 2px 5px;
}

.categoryTree li.active a.plainlink
{
	color:#FFF;
	cursor:default;
	font-weight:700;
	text-decoration:none;
}

ul.categoryTree
{
	font-size:11px;
	line-height:16px;
	list-style:none;
	margin:5px 0 10px;
	padding-left:10px;
}

.categoryTree ul
{
	margin:0 0 5px;
	padding:0 0 4px 20px;
}

.categoryTree li a
{
	font-size:11px;
}

.categoryTree li
{
	margin:0;
	padding:0;
}

.categoryTree .category
{
	background:url(/images/minus.png) left no-repeat;
	cursor:pointer;
	display:block;
	font-weight:700;
	padding-left:15px;
}

.categoryTree .collapsed .category
{
	background:url(/images/plus.png) left no-repeat;
}

.collapsed ul
{
	display:none;
}

#search
{
	margin:5px 10px;
	text-align:right;
}

#search #term,#search #type
{
	_width:130px;
	font-size:11px;
	width:100%;
}

.hidden
{
	display:none;
}

.feedName
{
	background:transparent url(/images/feed-icon.png) no-repeat scroll left center;
	height:14px;
	margin-bottom:3px;
	padding-left:20px;
}

.searchLinks a
{
	background:transparent url(/applications/images/search_icon.png) no-repeat scroll left center;
	height:14px;
	margin-bottom:3px;
	padding-left:20px;
}

.loginControl .fieldCell input
{
	width:200px;
}

#index
{
	width:850px;
}

#indexLeft
{
	float:left;
	width:550px;
}

#indexRight
{
	background:none;
	float:left;
	width:275px;
	z-index:0;
}

#slogan
{
	font-size:16px;
	padding-bottom:15px;
	padding-left:4px;
}

.mainBlock
{
	float:left;
	margin:0;
	padding:15px;
	width:550px;
}

.mainBlock2
{
	float:left;
	margin:0;
	padding:9px;
}

#moreTopics
{
	background:url(/applications/images/more_topic4.gif) no-repeat top left;
	height:151px;
	margin:4px 0 15px 15px;
	width:254px;
}

ul#whatsNew
{
	color:#666;
	float:left;
	font-size:10px;
	list-style:none;
	margin:0;
	padding:15px;
	text-decoration:none;
	width:850px;
}

#whatsNew li
{
	float:left;
	margin:5px;
	width:260px;
	padding-bottom:15px;
}

#whatsNew .thumb
{
	border:solid 1px grey;
	float:left;
	height:75px;
	width:75px;
}

#whatsNew .details
{
	float:left;
	height:75px;
	margin-left:5px;
	width:140px;
}

#whatsNew h3
{
	background:url(/common/images/dots.gif) repeat-x;
	color:#069;
	font-size:12px;
	font-weight:400;
	margin:0;
	padding:3px 0 0;
	text-decoration:underline;
}

#categories
{
	background:#fff;
	margin-top:-25px;
	width:290px;
}

#categories h1
{
	background:url(/applications/images/browse_cat.gif) no-repeat top left;
	color:gray;
	margin-top:0;
}

.newApp
{
	float:left;
	font-size:12px;
	left:-10px;
	margin-bottom:5px;
	padding:5px 5px 5px 10px;
	position:relative;
	width:100%;
}

.oddApp
{
	background-color:#FFF;
}

.newApp a
{
	color:#069;
	text-decoration:none;
}

.newApp a:hover
{
	text-decoration:underline;
}

.newApp h3
{
	color:#069;
	font-size:12px;
	margin:0;
}

.newApp .thumb
{
	float:left;
	margin-right:10px;
	width:100px;
}

.newApp .thumb img
{
	background:grey;
	padding:1px;
}

.newApp .categories a
{
	float:left;
	text-decoration:underline;
}

#categories ul
{
	float:left;
	font-size:12px;
	height:8em;
	padding-left:1em;
	width:24em;
}

#categories li
{
	float:left;
	margin:0 0 0 2em;
	padding:0;
	width:10em;
}

#moreTopics .thumbs
{
	float:left;
	padding-bottom:1px;
	width:100%;
}

#moreTopics h2
{
	font-size:12px;
	margin-top:15px;
}

#moreTopics .thumbDisplay
{
	height:100px;
	margin:7px 10px 0;
	vertical-align:top;
	width:165px;
}

.thumbDisplay img
{
	background:grey;
	margin-right:5px;
	padding:1px;
	vertical-align:top;
}

#topicTip
{
	background:#ececec;
	border:solid 1px grey;
	display:none;
	float:left;
	font-size:12px;
	margin-top:120px;
	padding:5px;
	position:absolute;
	width:200px;
	z-index:100;
}

#topicTip .title
{
	font-weight:700;
}

.arrowTopic
{
	cursor:pointer;
}

#topicDisplay
{
	float:left;
	height:125px;
	overflow:hidden;
	position:relative;
	width:254px;
}

#topicSlider
{
	float:left;
	height:1000px;
	left:0;
	overflow:hidden;
	position:relative;
	z-index:5;
}

a.button
{
	background:transparent url(/applications/images/bg_button_b.gif) no-repeat scroll top right;
	color:#444;
	display:block;
	float:left;
	font:normal 12px arial,sans-serif;
	height:20px;
	margin-right:3px;
	padding-right:7px;
	text-decoration:none;
}

a.button span
{
	background:transparent url(/applications/images/bg_buttonb_span.gif) no-repeat;
	display:block;
	line-height:10px;
	padding:5px 0 5px 12px;
}

a.button:active
{
	background-position:bottom right;
	color:#000;
	outline:none;
}

a.button:active span
{
	background-position:bottom left;
	padding:6px 0 4px 12px;
}

#buttons
{
	padding-left:15px;
}

#whatsNew
{
	width:850px;
}

#choiceThumbs
{
	float:right;
	position:relative;
	right:15px;
}

#choiceBottom
{
	_margin-top:20px;
	float:left;
	margin-top:23px;
	width:100%;
}

.choiceThumb
{
	background:grey;
	cursor:pointer;
	float:left;
	margin:3px 7px 3px 3px;
	padding:1px;
}

.viewAll
{
	float:left;
	left:10px;
	position:relative;
	top:50px;
}

#choiceBorder
{
	_margin:3px 0 0 3px;
	border:3px solid orange;
	border-right:4px solid orange;
	cursor:pointer;
	display:none;
	float:left;
	height:76px;
	position:absolute;
	width:76px;
}

#editorsChoice
{
	_padding-top:42px;
	background:url(/applications/images/editors_choice_bk.gif) no-repeat left 3px;
	height:313px;
	margin-top:-3px;
	padding:33px 0 0 15px;
	width:542px;
}

.shortEditors
{
	height:250px;
	overflow:hidden;
}

.choiceApp
{
	display:none;
	margin-left:-6px;
	margin-top:8px;
}

.choiceApp h2
{
	color:#069;
	font-size:14px;
	margin-top:20px;
	text-decoration:underline;
	width:140px;
}

.choiceApp a
{
	color:#069;
	text-decoration:none;
}

.choiceApp a:hover
{
	text-decoration:underline;
}

.choiceApp .image
{
	float:left;
	height:190px;
	margin-right:10px;
	margin-top:7px;
	width:370px;
}

.choiceApp .image img
{
	background:grey;
	padding:1px;
}

.choiceApp .authors
{
	bottom:0;
	font-size:10px;
	padding-top:10px;
	position:relative;
}

.choiceApp .resourceType
{
	bottom:0;
	font-size:10px;
	left:0;
	padding-top:10px;
	position:relative;
}

.choiceApp .authors a
{
	text-decoration:underline;
}

#editorsChoice .details
{
	float:left;
	height:188px;
	overflow:hidden;
	width:150px;
}

.applogo
{
	margin-left:-5px;
}

.thumbSlider div
{
	float:left;
}

.raterPanel
{
    width:300px;
}

.sharePanel
{
    width:300px;
}


/* MapleCloud Login panel styles*/


.pull-left { 
box-sizing: border-box;
color: rgb(51, 51, 51);
float: left  !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
width: auto;
}

.pull-right { 
box-sizing: border-box;
color: rgb(51, 51, 51);
float: right  !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
width: auto;
}
.a.text-muted { 
color: #428bca;
text-decoration: none;
}

.text-muted { 
color: #999;
text-decoration: none;
}

.text-muted hover { 
color: #428bca;
text-decoration: underline;
}

.imgcloud {
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
border: 0;
}

.textwhite{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: white;
text-align: center;
}

.panel-body{
box-sizing: border-box;
color: rgb(51, 51, 51);
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
height: 230px;
line-height: 20px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
width: 390px;
}

.form-control {
-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
-webkit-transition-delay: 0s, 0s;
-webkit-transition-duration: 0.15s, 0.15s;
-webkit-transition-property: border-color, box-shadow;
-webkit-transition-timing-function: ease-in-out, ease-in-out;
background-color: rgb(255, 255, 255);
background-image: none;
border-bottom-color: rgb(204, 204, 204);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(204, 204, 204);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(204, 204, 204);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(204, 204, 204);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
box-sizing: border-box;
color: rgb(85, 85, 85);
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 34px;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 6px;
padding-left: 12px;
padding-right: 42.5px;
padding-top: 6px;
transition-delay: 0s, 0s;
transition-duration: 0.15s, 0.15s;
transition-property: border-color, box-shadow;
transition-timing-function: ease-in-out, ease-in-out;
width: 360px;
}

.cloud-button {
font-family:inherit;
font-size:100%;
padding:.5em 1em;
color:#ffffff;
border:1px solid #999;
border:0 rgba(0,0,0,0);
background-color:#428bca;
text-decoration:none;
border-radius:2px;
width:100%;
}

.cloud-button:hover {
background-color:#357ebd;
}

.cloud-button2:hover {
background-color:#eea236;
}

.cloud-button2 {
font-family:inherit;
font-size:100%;
padding:.5em 1em;
color:#ffffff;;
border:1px solid #999;
border:0 rgba(0,0,0,0);
background-color:#f0ad4e;
text-decoration:none;
border-radius:2px;
width:100%;
}

.form-group {
margin-bottom: 15px;
}

.border_radius
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ui-widget-overlay { opacity: .90;filter:Alpha(Opacity=90); }

/*MapleCLoud Login panel styles ends*/

   .ui-widget-overlay {
       position: fixed;
    }
    .submitBtn {
        -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
        -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
        box-shadow:inset 0px 1px 0px 0px #cae3fc;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
        background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
        background-color:#79bbff;
        text-indent:0px;
        border:1px solid #469df5;
        display:inline-block;
        color:#ffffff;
        font-size:14px;
        font-weight:bold;
        font-style:normal;
        line-height:40px;
        text-decoration:none;
        text-align:center;
        text-shadow:1px 1px 0px #287ace;
        margin: 10px;
    }
    .submitBtn:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
        background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
        background-color:#4197ee;
    }
    .submitBtn:active {
        position:relative;
        top:1px;
    }
    .style1
    {
        width: 215px;
    }
    
    .selectedImg
    {
        border: 1;
        border-width: 1px;
        border-color: #A1A1A1;
    }