/*
Theme Name: CMS Drawloop
Theme URI: http://www.drawloop.com/
Description: CMS theme for Wordpress
Version: 1.0
Author: Andrew Vergara
Date: August 22, 2008
*/

/* RESET ALL MARGINS AND PADDING */

* {
 margin: 0;
 padding: 0;
}

/*Gobal Settings*/

p {
 margin-bottom: 20px;
 margin-top: 0;
}

h1 {
 font-size: 24px;
 line-height: 42px;
}

h2 {
 font-size: 16px;
 line-height: 15px;
}

h3 {
 font-size: 14px;
 line-height: 21px;
 color:#12192C;
}

h1, h2 {
 color: #666666;
}

h5 {
 color:#CCCCCC;
}

a {
 color: #6F0102;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}
a img{
 border:0;
}

br.clear {
 clear: both;
}

ul {
    margin: 11px 0 10px 30px;
    padding: 3px 0;
}

ol {
 margin: 11px 0 10px 40px;
 padding: 3px 0;
}


/* GENERAL */

body {
 /*background: #333 url(img/bg.png) repeat;*/
 background: #E2E1E1 url(/wp-content/themes/CMS/img/gray_fade.gif) repeat-x fixed 0 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 color: #555555;
 margin: 0;
 padding: 15px 0;
 width: 100%;
 height: 100%;
 text-align:center;
}


#wrap {
 width: 800px;
 margin: 3px auto;
 background: #fff;
 text-align: left;
}

#main {
 background: #ffffff;
 position: relative;
}

#main h2{
 font-size:150%;
 margin:0 0 14px 0;
}

#main a{
 color:#6F0102;
}

#content {
 width: 500px;
 min-height: 400px;
 padding: 15px 30px 0;
 float: left;
 font-size: 90%;
}

#content h2{
 margin:13px 0 13px 0;
 color:#12192C;
}

#content a:visited{
 color:#6F0102;
}

#content ul li{
	background: transparent url(/wp-content/themes/CMS/img/whitewidget.gif) no-repeat scroll 0 4px;
	list-style-type:none;
    padding: 0 0 4px 12px;
}
/*Top Right*/
#top_right {
 float:right;
 padding: 3px 10px;
}

#top_right a{
 padding: 0 3px;
 color: #222222;
}
 #top_right a:hover {
 text-decoration: underline;
 }

 /*Logo*/
#logo {
 background: #ffffff;

}

#logo a:hover{
 background: #ffffff;
}

/*Bottom Right*/
#bot_right {
 float:right;
 padding: 4px 10px;
}

/* HEADER */

#head {
 background: url(img/bg-head.png) repeat-x bottom left;
 height: 100px;
 padding-top: 1px;
}

#head h1 {
 background: url(img/logo.gif) no-repeat;
 position: relative;
 top: 25px;
 left: 30px;
}

#head h1 a {
 display: block;
 text-indent: -9000px;
 height: 33px;
 width: 217px;
}

/* Slogan */

#slogan {
 background: #FFFFFF;
 /*padding: 45px 75px 0;*/
 color: #666666;
 font: 38px Veranda,Arial,Helvetica,Sans-serif;
 font-weight: normal;
 clear: both;
 height: 150px;
}

#slogan_text{
 padding:55px 0 0 75px;
}

/* Sidebar Menu */

#sidemenu {
 float: right;
 width: 200px;
 margin: 31px 30px 21px 0px;
 margin-right: 30px;
 /*border-width: 3px 0;*/
 /*padding: 5px 10px 5px 10px;*/
}

#sidemenu ul{
 margin: 0;
 padding: 0 0 1px;
}

#sidemenu li {
 list-style: none;
 
 
}

#sidemenu ul ul li {
 /*border-top: 1px solid #ccc;*/
 padding-left: 10px;
}

/*#sidemenu ul ul li a:before {
 content: "» ";
}*/

#sidemenu li a {
 padding: 0 10px;
 display: block;
 line-height: 30px;
 text-decoration: none;
 color:#FFFFFF;
 -moz-border-radius: 3px 3px;
 -webkit-border-radius: 4px;
 margin: 2px 1px; 
 background: #777D8D;
}

#sidemenu li a:hover {
 background: #CCCCCC;
 color: #12192C;
 -moz-border-radius: 3px 3px;
 -webkit-border-radius: 4px;
}

.page_item ul {
 display: none;
}

.current_page_item ul, .current_page_parent ul {
 display: block;
}

#sidemenu .current_page_item li, #sidemenu .current_page_parent ul li {
 /*border: 1px solid #12192C;*/
 /*border-top: 1px solid #ccc;*/
 border-left:0px;
}

#sidemenu .current_page_item ul li {
 margin: 0 0 0 15px;
}

#sidemenu .current_page_item ul li a {
	background-color:#777D8D;
}

#sidemenu .current_page_item ul li a:hover {
 background-color: #CCCCCC;
}

#sidemenu .current_page_item a {
 background-color:#12192C;
}


/*Main Navigation*/

#menu_a {
 height: 30px;
 width: 800px;
 border: 3px solid #CCCCCC;
 border-width: 3px 0;
 background: #777D8D;
 /*padding: 10px 20px;*/
}

#menu_a ul{
 margin: 0;

}

#menu_a li {
 list-style: none;
 /*border-bottom: 1px solid #ccc;*/
 /*display: inline;*/
 float:left;
 /*border-right: 1px solid #999999;*/
}

#menu_a ul ul li {
 border-top: 1px solid #ccc;
 padding-left: 10px;
}

#menu_a ul ul li a:before {
 content: "» ";
}

#menu_a li a {
 padding: 0 10px;
 display: block;
 line-height: 30px;
 text-decoration: none;
 color:#FFFFFF;
}

#menu_a li a:hover {
 background: #CCCCCC;
 color: #12192C;
}

#menu_a .page_item ul {
 display: none;
}

#menu_a .current_page_item ul, #menu_a .current_page_parent ul {
 display: none;
}

#menu_a .current_page_item li, #menu_a .current_page_parent ul li {
 /*border: 1px solid #F8F8F8 #CCCCCC #F8F8F8 #CCCCCC;*/
 border-top: 1px solid #F8F8F8;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 margin:5px;

}

#menu_a .current_page_item a {
 background-color:#12192C;
 color:#FFFFFF;
 /*padding-top: 7px;
 padding-bottom: 6px;*/
}

#nav_a{
 padding:0 10px;
}


/* WEBLOG */

.post {
 border-bottom: 1px solid #ccc;
 margin-bottom: 15px;
}


/* FOOTER */

#footer {
 background:#12192B;
 padding: 20px 10px 10px;
 border-top: 2px solid #CCCCCC;
 clear: both;
 text-align: right;
}

#footer p {
 font-size: 90%;
}


#footer_right {
 padding: 0 0 0 590px;
}

#footer_text{
 margin:0px;
}

#footer_text a {
 color:#999999;
}

/*No Sider Bar Template*/
#main2 {
 background: #ffffff
}

#main2 h2{
 font-size:150%;
 margin:0 0 14px 0;
}

#main2 a{
 color:#6F0102;
}

#content2 {
 width: 750px;
 min-height: 400px;
 padding: 15px 30px 0;
 float: left;
 font-size: 90%;
}

#content2 h2{
 margin:13px 0 13px 0;
 color:#12192C;
}

#content2 a:visited{
 color:#6F0102;
}

/*Editable Sidebar*/
.side_content{
    background-color: #A5B2D3;
	width: 225px;
	position: absolute;
	top: 275px;
	right: 20px;
	}
.side_content p, .side_content ul {
    padding: 0 10px 0 12px;
	margin: 0 0 20px 0;
	}
.side_content p.first, .side_content p.last, .side_content {
    margin: 0;
	padding: 0;
	}
.side_content p.first {
    background: transparent url(/wp-content/themes/CMS/img/content_sidebar_filled_top.gif) no-repeat scroll left top;
	top:0;
	}
.side_content p.last {
    background: transparent url(/wp-content/themes/CMS/img/content_sidebar_filled_bottom.gif) no-repeat scroll left bottom;
	bottom: -1px;
	}
.side_content_text {
	padding:5px 11px;
}
#content .download {
    background: transparent url(/wp-content/themes/CMS/img/download.gif) no-repeat scroll left top;
	padding: 0 0 5px 24px;
	list-style-type: none;
	}
#content .bullet{
	background: transparent url(/wp-content/themes/CMS/img/extras_bullet.gif) no-repeat scroll left 2px;
	padding:0 0 0 15px;
	}
ul.compact {
    margin: 0 0 0 22px;
	}
ul.compact li {
	padding: 0 10px 0 15px;
	list-style-type: none;
	}

/*Detail Styles*/

table.bordered
 {
 padding: 0;
 margin: 0 0 20px;
 }
 table.bordered td.left
 {
 padding: 0 10px 0 0;
 }
table.bordered td div.text
 {
 border: 3px solid #777D8D;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 display: inherit;
 padding: 10px;
 font-size: 12px;
 }
table.bordered ul
 {
 margin: 0;
 padding: 10px 0;
 }
table.bordered ul li
 {
 background: transparent url(/wp-content/themes/CMS/img/whitewidget.gif) no-repeat scroll 0 4px;
 list-style-type: none;
 padding: 0 0 4px 12px;
 line-height: 1.2;
 font-size: 11px;
 }
 
table.bordered td { 
	width: 50%; vertical-align: top;
}

table.bordered div.text { 
	width: inherit;
}
 
.blue {
    background-color: #A5B2D3 !important;
	}
.dkGray {
    background-color: #777D8D !important;
	color: #FFFFFF !important;
	}
.h2pad {
    padding: 8px 5px;
	}
.h3pad {
    padding: 2px 4px;
	}

.h3mar {
	margin:0 0 20px;
}

.screenshot{
	border: 1px solid #E2E1E1;
	overflow: visible;
	}

.centered{
	text-align:center;
	}

.side_content p.first, .side_content p.last {
    position: absolute;
    height: 8px;
    width: 225px;
}

.price{
	margin-bottom:15px;
	margin-left:41px;
}	

.price1{
	margin-left:29px;
	margin-top:-11px;
	position:absolute;
}	

.price2{
	margin:10px 15px 10px 15px;
}

.price2 img{
	margin-left:40px;	
}

.price3{
	margin:5px 50px 5px 50px;
}
.dollar1{
	margin-top:-17px;
	margin-left:65px;
	position:absolute;
}

.dollar2{
	margin-top:-15px;
	margin-left:94px;
	position:absolute;
}

.dollar3{
	margin-top:-17px;
	margin-left:79px;
	position:absolute;
}

.priceDollar{
	margin-bottom:13px;
	margin-left:33px;
}

.priceDollar2{
	margin-bottom:13px;
	margin-left:43px;
}
.priceTitle{
	margin:0 0 0 6px;
}

.error{
	margin-left:131px;
	margin-top:115px;
}

#search{
	margin: 3px 5px 0 0;
	float:right;
}

/*Wordpress Editor Styles Input*/
.check {
 background: transparent url(/wp-content/themes/CMS/img/tick.png) no-repeat left top !important;
 padding: 0 0 0 24px;

}

.wordIMG {
 background: transparent url(/wp-content/themes/CMS/img/page_white_word.png) no-repeat left top !important;
 padding: 1px 0 1px 24px;

}
.excelIMG {
 background: transparent url(/wp-content/themes/CMS/img/page_white_excel.png) no-repeat left top !important;
 padding: 1px 0 1px 24px;

}
.pptIMG {
 background: transparent url(/wp-content/themes/CMS/img/page_white_powerpoint.png) no-repeat left top !important;
 padding: 1px 0 1px 24px;

}

.adoIMG {
 background: transparent url(/wp-content/themes/CMS/img/page_white_adobe.png) no-repeat left top !important;
 padding: 1px 0 1px 24px;

}

.urlIMG {
    background: transparent url(/wp-content/themes/CMS/img/world_add.png) no-repeat scroll left top !important;
    padding: 1px 0 1px 24px;

}

.jpgIMG {
    background: transparent url(/wp-content/themes/CMS/img/images.png) no-repeat scroll left top !important;
    padding: 1px 0 1px 24px;

}

p.smIDNT {
 font-size: 75%;
 font-weight: bold;
 margin: 0;
 text-align: right;
 padding: 0 15px 0 0;
}

p.noPAD {
 padding: 0 0 5px;
 margin: 0;
}

ul li.li{
 width:375px;
}

/*User Input Box*/
.mini{
 background-color:#FFFFFF;
}

.mini_header{
 width:450px;
 background-color:#A5B2D3;
 min-height:25px;
}

.mini_header a{
 color:#FFFFFF !important;
 padding:4px 6px;
 font-size:medium;
 font-style:normal;
 display:block;
}

.mini_header a:hover{
 text-decoration:none;
}

.mini_strip{
 background-color:#CCCCCC;
 min-height:10px;
 width:450px;
 margin:0 0 0 0;
}

.left_content{
 float:left;
 width:150px;
 border-right-style:dashed;
 border-right-width:thin;
 padding:0 2px 0 2px;
}

.right_content table{
 width:295px;
}

.right_content table tr td{
 padding:0 0 0 6px;
}

.highlight{
 background-color:#999999;
 color:#FFFFFF;
}

/* Etelos-style table with images*/
.section_shell
{
    -moz-border-radius: 4px;
    -wedkit-border-radius: 4px;
    border: 1px solid gray;
    margin: 3px 3px 20px;
    padding: 3px;
    float: none;
    width: 390px;
}
.storesubheadline
{
    background-color: #FFFFFF;
    color: #555555;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.section_shell table td
{
    color: #444444;
    font-family: "Lucida Grande","Lucida Sans Unicode",Geneva,Arial,Verdana,Helvetica,sans-serif; 
    font-size: 11px;
}

/*VIDEO BANNER*/
.vidban{
	background:#EEEEEE;
}

.vidban h2{
	color:#6F0102;
	border-bottom:none;
}

.vidban h2 p{
	margin:-9px 0 0px 30px !important;
	padding: 10px 0 0 0;
}

.welcome{
	font-size:24px;
	font-weight:lighter;
}

.play{
	font-weight:lighter;
}

#main3 {
 background: #ffffff
}

#main3 h2{
 font-size:150%;
 margin:0 0 14px 0;
}

#main3 a{
 color:#6F0102;
}

#content3 {
 width: 850px;
 min-height: 400px;
 padding: 15px 30px 0;
 float: left;
 font-size: 90%;
}

#content3 h2{
 margin:13px 0 13px 0;
 color:#12192C;
}

#content3 a:visited{
 color:#6F0102;
}

/*Salesforce Pages*/
#but_lg{         
	margin: 10px 0 0 14px;         
	height: 30px;         
	white-space: nowrap;        
}
     
#but_lg li{         
	float: left;         
	list-style-type: none;         
	background: none;         
	margin: 0;         
	padding: 0;     
}
     
#but_lg a{         
	background: transparent url(/wp-content/themes/CMS/img/but_lg_left.gif) no-repeat scroll top left;         
	float: left;         
	margin: 0;         
	padding: 0 0 0 6px;         
	text-decoration: none;     
}
     
#but_lg a span{         
	background: transparent url(/wp-content/themes/CMS/img/but_lg_right.gif) no-repeat scroll top right;         
	-x-system-font: none;         
	color: #FFF !important;         
	display: block;         
	float: left;         
	font-size: 13px;         
	font-weight: bold;         
	line-height: 13px;         
	margin: 0 4px 0 0;         
	padding: 9px 15px 11px 12px;         
	white-space: nowrap;     
}
    
#but_lg a:hover{         
	background-position: left -34px;     
}
     
#but_lg a:hover span{         
	background-position: right -34px;     
}

table.list {
    border-spacing: 0;
    border-collapse: collapse;
}
table.list tr.even {
    background-color: #ccc;
}
table.list td {
    padding: 5px;
    border: 1px solid #999;
}