/* -------------- new sprite stuff -------------------- */

#sp_free_icon{height: 18px; width: 17px; background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -884px -77px; display: inline-block;}
#sp_check_icon{height: 32px; width: 32px; background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -845px -136px; display: inline-block;}
#sp_module_icon{height: 37px; width: 41px; background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -906px -96px; display: inline-block;}
#sp_tutorial_icon{height: 37px; width: 50px; background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -852px -96px; display: inline-block;}
#sp_main_logo{height: 67px; width: 257px; background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -0px -78px; display: inline-block;}
#sp_fb_icon{height: 32px; width: 32px; background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -881px -136px; display: inline-block;}
#sp_twit_icon{height: 32px; width: 32px; background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -916px -136px; display: inline-block;}
#sp_inverted_logo{height: 42px; width: 167px; background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -237px -79px; display: inline-block;}
#sp_dollar_icon{height: 16px; width: 16px; background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -866px -78px; display: inline-block;}
#sp_cart_icon{height: 16px; width: 16px; background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -830px -78px; display: inline-block;}

.nd{text-decoration: none;}

/* ------------- end of new stuff ------------------ */

#list-column{width: 220px; position: relative; float: right; top: 0px;left: 6px; background: #ececec; border: 2px #cdcdcd solid; padding: 9px;}
BODY, TD {
    font-family: sans-serif;
    word-wrap: break-word;
    font-size: 14px;
}

div#main-tabs A {
    text-decoration: none;
    color: white;
    border: none;
}

img{
    border: 0px;
}

a{
border: 0px;
}

pre{
    word-wrap: break-word;
    width: 1000px; 
    font-family: sans-serif;    
    white-space:pre-wrap;
}

#tutorial_view{
 width:100%;
 border:1px solid gray;
}

span.white{
    color: white;
}

.white{
    color: white;
}

span.main{
    color: black;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 600;
}

hr.main{
    width: 100px;
}

#cart{
	position: relative;
	top:5;
	left: 700;
}

.main-bold{
    text-decoration: none;
    color: #384e77;
    font-weight: 800;
    font-size: 20px;
}

#title-bar{
    background: url(http://c1741362.cdn.cloudfiles.rackspacecloud.com/titleBar.png) no-repeat;
    width: 1000px;
    height: 90px;
    position: relative;
    top: 0px;
    left: 0px;
}

#tutorial-bar{
    width: 1000px;
    height: 50px;
    position: relative;
    top: 0px;
    left: 0px;
}

#tutorial-list{
    width: 750px;
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
}

#tutorial-request{
    position: absolute;
    top: 10px;
    left: 50px;
}

#search{
    position: absolute;
    right: 5px;
    width: 225px;
    z-index: 99;
    top: 10px;
}

#footer-content{
    width: 1000px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#footer-text{
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;

}

#footer-logo{
    position: absolute;
    left: 775px;
    top: 12px;
}
#pagination{
    width: 745px;
    text-align: right;
}

#subscribe-info{
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
}

#login-button{
    position: absolute;
    cursor: pointer;
    top: 5px;
    left: 22px;
    font-weight: bold;
    font-size: 15px;
    color: white
}

#contact_submit{
    background: transparent url(http://c1741362.cdn.cloudfiles.rackspacecloud.com/submit.png) no-repeat center top;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    cursor: hand;
    text-indent: 0;
    height: 30px;
    width: 100px;
    position: relative;
}

#register{
    background: transparent url(http://c1741362.cdn.cloudfiles.rackspacecloud.com/submit.png) no-repeat center top;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    cursor: hand;
    text-indent: 0;
    height: 30px;
    width: 100px;
    position: relative;
}

#latest-tutorials{
	position:relative;
	float:left;
	width: 475px;

}

#latest-modules{
	position:relative;
	float: left;
	width: 475px;
}

#contact-form{
	position:relative;
width: 525px;
}

#contact_form #message{
	width: 510px;
	height: 110px;
}



p.blogintro{
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 10pt;
}

p.bloginfor{
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 10pt;
}

.list-title{
text-decoration: none;
color: #1e66d2;
font-weight: 700;
font-size: 14px;
}

tr#list-header{
text-align: left;
color: black;
border: 0px;
    background: #cdcdcd;
    border-top: 2px #cdcdcd solid;
height: 24px;
}

tr#list-header th{
padding: 0px;
padding-left: 10px;
color: black;
font-size: 16px;
font-weight: 600;
}

span.normal-white{
font-size: 12px;
color: white;
font-weight: normal;
}


.latest-text{
position:relative;
float:left;
}

.latest-logo{
position:relative;
float:right;
}

.latest-content{
position:relative;
float:left;
}

hr.dotted{
border: 0px;
border-top: 1px dotted #8e8e8e;
}

.latest-entry{
margin-top:10px;
margin-bottom:10px;
}

#subscribeNow{
	position: absolute; 
	top: 195px;
	left: 150px;
}

/* learn more table */

#learn-more table{
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}

#learn-more table th{
background: #297ffa;
color: white;
padding: 25px;
min-width: 100px;
}

#learn-more table td{
border-top: 1px gray dashed;
border-bottom: 1px gray dashed;
padding: 10px;
}

#view-display{
width: 750px;
float:left;
}

.php{
	width: inherit;
	padding-top: 15px;
	padding-bottom: 15px;
}

#view-column{
	clear:both;
       width: 220px;
	position: absolute;
	right: 0px;
	top: 90px;
}

.h-rule{
	height: 2px;
	width: inherit;
	border-bottom: dotted 1px #adadad;
}

.title{
	color: #2576ec;
}

#fc_minicart{
	font-size: 12px;
	position: absolute;
	text-align: right;
	top: 5px;
	left: 275px;
	display:none;
}

#fc_minicart a.foxycart{
	text-decoration: none;
	color: gray;
}

#payment-option-1{
	width: 333px;

	text-align: center;
	position: relative;
	float: left;
}

#payment-option-2{
		width: 333px;

	text-align: center;
	position: relative;
	float: left;
}

#payment-option-3{
		width: 333px;

	text-align: center;
	position: relative;
	float: right;
}

#payment-option-1 #list-column{
	height: 400px;
	width: 300px;
}

#payment-option-2 #list-column{
	height: 400px;
	width: 300px;
}

#payment-option-3 #list-column{
	height: 400px;
	width: 300px;
}

.comment-left{
	width: 110px;
}

.comment-right{
	padding: 10px;
}

#login-options{
WIDTH: INHERIT;
	padding-top: 5px;
}

.green-bold{
color: green;
font-weight: 600;
font-size: 15px;
}

#payment-option{
position: absolute;
top: 350px;
width: 100%;
}
.crm{
}

table#crm-list-table{
	background: #ececec;
	border-collapse: collapse;
	border: 0px;
	font-size: 13px;
width: inherit;
max-width: inherit;
position: realative;
float: left;
}

table#crm-list-table td{
	padding: 5px;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
vertical-align: top;
border-left: 1px gray solid;
border-right: 1px gray solid;
}

table#crm-list-table tr{
	border-bottom: 1px gray solid;
}

.gsc-control-cse{
    background-color: white;
}

.crm-list-entry{
    position: relative;
    float: left;
    width: 295px;
    height: 300px;
    background: whitesmoke;
    border: 2px solid gray;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px;
}

.crm-list-entry a{
   text-decoration: none;
   font-size: 16px;
   font-weight: bold;
}

.crm-list-entry table td{
padding-bottom: 4px;
}

div#crm-list-animated{
width: 800px;
position: relative;
margin-left: auto;
margin-right: auto;
background: black;
height: 495px;
}

div#crm-list-animated img{
padding: 1px;
border: 2px inset whitesmoke;
}

#crm-list-software-list{
height: 100%;
position: absolute;
right: 0px;
top: 0px;
background: black;
}

#crm-list-software-list option{
background: black;
color: white;
padding-left: 3px;
padding-right: 3px;
}

#crm-hidden-data{
display: none;
}

#crm-name{
position: absolute;
color: white;
font-size: 22px;
font-weight: bold;
left: 200px;
top: 75px;
text-align: center;
width: 300px;
}

.crm-title{
position: relative;
font-size: 20px;
font-weight: bold;
left: 120px;
margin-top: -48px;
text-align: left;
height:50px;
width: 300px;
}

.crm-rating{
padding:1px;
font-size:10pt;
font-weight:normal;
}

#crm-price{
position: absolute;
color: white;
font-size: 16px;
font-weight: bold;
left: 40px;
top: 300px;
}

#crm-price-details{
position: absolute;
color: white;
font-size: 16px;
font-weight: bold;
left: 40px;
top: 325px;
}

#crm-deployment{
position: absolute;
color: white;
font-size: 16px;
font-weight: bold;
left: 350px;
top: 300px;
}

#crm-target-business{
position: absolute;
color: white;
font-size: 16px;
font-weight: bold;
left: 350px;
top: 325px;
}


#crm-previous{
position: absolute;
color: white;
font-size: 16px;
font-weight: bold;
left: 10px;
bottom: 5px;
}

#crm-next{
position: absolute;
color: white;
font-size: 16px;
font-weight: bold;
left: 550px;
bottom: 5px;
}

.crm-view{
postion:absolute;
width:100%;
}

.clear{
clear:both;
}

.crm-view-left{
position:relative;
width:68%;
float:left;
border: 2px #cdcdcd solid;
overflow:hidden;
}

.crm-view-left-top{
position:relative;
width:100%;
float:left;
}

.crm-view-right{
position:relative;
width:28%;
float:right;
}

.crm-title-image{
width:100px;
height:100px;
border: 1px #cdcdcd solid;
}

.crm-product-image{
width:100px;
height:100px;
position:relative;
float:left;
margin-right: 7px;
margin-bottom:7px;
border: 1px #cdcdcd solid;
}

.crm-related-contant{
width:auto;
height:110px;
border:1px #cdcdcd solid;
}

.key-list{
    width: 600px;
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    background: #ececec;
    border: 2px #cdcdcd solid;
    padding: 9px;
}

#crm-display-table{
border-collapse: collapse;
border: 0px;
font-size: 13px;
width:100%;
max-width: inherit;
position: relative;
float: left;
}

#crm-display-table th{
padding: 5px;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
vertical-align: bottom;
text-align:left;
}

table#crm-display-table td{
padding: 5px;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
vertical-align: top;
text-align:left;
}

table#crm-compare-table{
background: #ececec;
border-collapse: collapse;
border: 0px;
font-size: 13px;
width: 100%;
max-width: inherit;
position: relative;
float: left;
background: #ececec;
    border: 2px #cdcdcd solid;
}


table#crm-compare-table th{
text-align:left;
padding: 5px;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
vertical-align: top;
border: 0.5px #cdcdcd dotted;

}

table#crm-compare-table td{
padding: 5px;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
vertical-align: top;
font-family:arial;
border: 0.5px #cdcdcd dotted;
}

table#crm-compare-table tr{
}

#crm-side-list{
border-collapse: collapse;
font-size: 11pt;
width:85%;
max-width: inherit;
position: relative;
float: left;
}

#crm-side-list tr{
}

#crm-side-list td{
vertical-align: top;
padding-bottom:5px;
text-align:left;
border-bottom:0.5px #cdcdcd solid;
}


.cursor {  
cursor: pointer;
color:blue;
}

.clicked{
color:red;
background: whitesmoke;
}

.crm-list-container{
width:630px;
height:auto;
max-width: inherit;
position: relative;
float: left;
padding:9px;
}

#crm-list-1{
width: 300px;
max-width: inherit;
position: relative;
float: left;
}
 
div.crm {
cursor: pointer;
}

#crm-list-2{
width: 300px;
margin-left:10px;
max-width: inherit;
position:relative;
float:right;
}

.crm-key-container{
position:relative;
top:5px;
width:80%;
height:80px;
margin-bottom:10px;
}
.crm-key-icon{
width:17px;
height:17px;
position:relative;
float:right;
}

.crm-key-exp-container{
width:600px;
height:auto;
postion:relative;
float:left;
padding:9px;
background: #ececec;
    border: 2px #cdcdcd solid;

}

.crm-key-1{
width:240px;
height:auto;
postion:relative;
float:left;
padding-right:10px;
}

.crm-key-2{
width:250px;
height:auto;
margin-left:10px;
postion:relative;
float:left;
}

b#key-lable{
font-weight:bold;
}

.crm-related-product{
width:250;
height:auto;
clear:both;
color:blue;
}

/* ---------------------------- DEFINITELY NEED ------------------ */

#head-background {
height: 40px;
width: 950px;
background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -0px -0px; display: inline-block;
position: relative;
bottom: 0px;
}

#header-tabs{
position: relative;
left: 10px;
width: 500px;
display: inline-block;
}

#header-tabs a{
text-decoration: none;
}

#header-tabs .tab{
padding-top: 10px;
display: inline-block;
height: 30px;
padding-left: 15px;
padding-right: 15px;
color: #f0f0f0;
font-size: 1em;
font-weight: bold;
text-shadow: #30608A -1px -1px 0px;
}

#site-search{
z-index: 99;
width: 220px;
display: inline-block;
position: relative;
top: 3px;
right: 0px;
float: right;
}

#login{
float: right;
display: inline;
position: absolute;
right: 30px;
top: 38px;
height: 27px;
}

#login a{
padding-left: 10px;
text-decoration: none;
margin: 0px;
}

#login #button{
position: relative;
top: 4px;
cursor: pointer;
float: right;
}

#login div#logged-in{
position: relative;
top: 4px;
}

#login #login-hidden{
float: left;
height: 27px;
}

#standard-title-bar{
background: #dfe9f1;
border-left: #2e7ebb 2px solid;
border-right: #2e7ebb 2px solid;
border-bottom: #2e7ebb 2px solid;
text-indent: 10px;
font-size: 20px;
font-weight: 600px;
}

#index-title-bar{
background: #e1e1e1;
border-left: #2e7ebb 2px solid;
border-right: #2e7ebb 2px solid;
border-bottom: #2e7ebb 2px solid;
height: 250px;
}

.column-header{
background: url(http://c1741362.cdn.cloudfiles.rackspacecloud.com/span-6-header.png) no-repeat;
height: 27px;
}

.column-content{
border-left: #5c5d66 2px solid;
border-right: #5c5d66 2px solid;
border-bottom: #5c5d66 2px solid;
padding: 5px;
backgound: whitesmoke;
}

#foot-background {
height: 27px;
width: 950px;
background-image: url(http://crmstage.com/images/main_sprites.png); background-position: -0px -50px; display: inline-block;
position: relative;
bottom: 0px;
}

#footer-text{
color:#999999;
font-family:Verdana,Geneva,Tahoma,Trebuchet MS,Arial,Sans-serif;
font-size:9px;
line-height:15px;
text-align:center;
}

#page-top{
background: url(http://c1741362.cdn.cloudfiles.rackspacecloud.com/header-gradient.png) bottom repeat-x;
}

#page-bottom{
background: url(http://c1741362.cdn.cloudfiles.rackspacecloud.com/footer-gradient.png) top repeat-x;
}

#subscription-chart table img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#subscription-chart table{
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}

#subscription-chart table th{
	background: #5c5d66;
color: white;
padding: 5px;
min-width: 100px;
}

#subscription-chart table td{
border-top: 1px gray dashed;
border-bottom: 1px gray dashed;
padding: 4px;
}

#subscription-chart table td.feature{
border-top: 1px gray dashed;
border-bottom: 1px gray dashed;
padding: 4px;
background: #cdcdcd;
}

#comments-list{
	/*background: url(http://c1741362.cdn.cloudfiles.rackspacecloud.com/light-gradient.jpg) repeat-x top;*/
}

.choose-star-rating{
display: inline;
}

#links{
	position: absolute;
	width: 80px;
	top: 10px;
	right: 10px;
}

.bg-gray{
background-color: gray;
}

.bg-whitesmoke{
background-color: whitesmoke;
}