.loading {
	font:normal 12px arial;
	padding-top:4px;
}

.icon a {
    display:block;
    height:16px;
    width:16px;
}

.ad {
	float: left;
	min-width: 150px;
	text-align: center;
}

/* 
 * fix positioning in IE7
 * http://www.sitepoint.com/fix-disappearing-absolute-position-element-ie/
 */
.siteAdFixedLeft .ad {
	margin-left: -400px;
	position: fixed;
	top: 0;
}
.siteAdFixedRight .ad {
	position: fixed;
	margin-left: 960px;
	top: 0;
}
.draft
{
    background-image:url(/img/cancel.png);
    padding-bottom:2px;
}

.approval_pending
{
    background-image:url(/img/accept.png);
    padding-bottom:2px;
}

.published {
    /*	background-position: -16px 0;*/
    background-image:url(/img/active_icon.jpg);
    padding-bottom:2px;
}
.unpublished {
    /*background-position: -16px 16px;*/
    background-image:url(/img/inactive_icon.jpg);
    padding-bottom:2px;
}

.textToLink {
    cursor: wait;
} .wideBoxWrap {
    width: 960px;
    background-color: #fff;
    
} .wideBox {
    width: 960px;
   
}

/* one column */
.oneColumnContent {
	padding:5px;
}
.oneColumnContent ul {
	list-style-type: disc;
	margin: 10px;
	padding: 10px;
}

/*two column layout*/
/*THis is good for  side bar on LEFT//
 *
 */
 .leftSideWrap2Col {
    width: 310px;
    background-color: #fff;
} .leftSideBox2Col {
    width: 310px;
} .rightSideBox2Col {
    width: 650px;
} .rightSideWrap2Col {
    width: 650px;
}

/*three column layout*/ .leftSideWrap3Col {
    width: 170px;
} .leftSideBox3Col {
    width: 170px;
} .centerBox3Col {
    width: 480px;
} .centerWrap3Col {
    width: 480px;
} .rightSideBox3Col {
    width: 310px;
} .rightSideWrap3Col {
	margin-top: 3px;
    width: 310px;
}


#toolbar {
	font: normal 12px arial;
	/*margin-bottom: 30px;*/
}
#toolbar #tools #share span {
	float:left;
}
#toolbar #tools #share span a:hover {
	text-decoration: none;
}
#toolbar #shareThisScrollWrapper {
	height:30px;
}
#toolbar #shareThisScroller {
	background-color: #FFFFFF;
}
.shareThis span {
	padding:0 4px;
}
.fixed {
	 border: 1px dotted #AAA;
	 padding-bottom:5px;
	 position: fixed;
	 top: 0;
	 -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	 -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	 z-index: 10;
}

/*Page Wrapper*/
#pageWrapper {
	background-color: #FFFFFF; /*#FF00FF;*/
	/*border:1px solid #000;*/
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

/* content */

.caption_left, .caption_center, .caption_right {
	background-color: #DDDDDD;
	color: #333333;
	font: normal 10px Arial;
}
.caption_left {
	float: left;
	margin: 0 5px 5px 0;
}
.caption_right {
	float: right;
	margin: 0 0 5px 5px;
}

.caption_center {
	background-color: transparent;
}

.caption_left img, .caption_center img, .caption_right img {
	border: 1px solid #000000;
}

.caption_center img {
	text-align: center;
}

/*menu*/

.nav, .nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:26px;
}

.nav a{
display:block;
padding:0px 5px;
border:1px solid #7AC767;
border-top:none;
border-bottom:none;
color:#fff;
text-decoration:none;
background-color:#7AC767;
}

.nav a:hover{
background-color:#6CB05B;
color:#fff;
}

.nav li{
float:left;
position:relative;
/*height:26px;*/
}


.nav li ul li {
	/*height:auto !important;*/
	min-height: 24px;
}

.nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

.nav li ul a{
width:12em;
height:auto;
float:left;
}

.nav li ul.wideMenu {
	width: 420px;
}

.nav li ul.wideMenu a {
	width: 200px;
}

.nav ul ul{
top:auto;
}

.nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{
display:none;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{
display:block;
}

/* menu ends/*/
/*tab menu*/
.tabMenu ul  {
	list-style:none;
	margin:0 !important;
	padding:0;
	border-bottom:1px solid #666;
	height:30px;
}

/* single tab */
.tabMenu li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
.tabMenu a {
	background: url(/img/bg_tabs.png) no-repeat -420px 0;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:block;
	height: 30px;
	line-height:30px;
	min-width: 100px;
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
        background-position: 0 0;
        border: 0px;
}

.tabMenu a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
.tabMenu a:hover {
	background-position: -420px -31px;
	color:#3D7F35;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabMenu a.current, .tabMenu a.current:hover, .tabMenu li.current a {
	background-position: -420px -62px;
	cursor:default !important;
	color:#CA1A7C !important;
}

/* width 100px */

.tabMenu a:hover 	{ background-position: 0 -31px; }
.tabMenu a.current  { background-position: 0 -62px; }

/*tab menu ends*/
/*admin section styles*/
/*move them to appropriate places*/
 .smallDataDiv {
    width: 223px;
    background-color: #f7fff9;
    padding: 10px 10px 10px 5px;
    float:left;
}
.box150{
    width: 123px;
    padding: 10px 10px 10px 5px;
    float:left;
}
.box300 {
    width: 277px;
    float: left;
    background-color: #fff;
    padding: 10px 5px 10px 5px;
}
.wrap300 {
    width: 300px;
}
.box400 {
    width: 383px;
    padding: 10px 10px 10px 5px;
    float:left;
}
.box800 {
    width: 777px;
    background-color: #f7fff9;
    padding: 10px 10px 10px 5px;
    float: left;
}.wrap800 {
    width: 783px;
    background-color: #f7fff9;
}
/**
 * yet another menu system. this is basically tabs system . or say basically menu system.
 */

/* root element for tabs  */
.tabs ul {
	list-style:none;
	margin:0 !important;
	padding:0;
	border-bottom:1px solid #666;
	height:30px;
}

/* single tab */
.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
.tabs a {
	background-image: url(/img/blue.png) no-repeat -420px 0;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#3D7F35;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: -420px -31px;
	color:#3D7F35;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs a.current, .tabs a.current:hover, .tabs li.current a {
	background-position: -420px -62px;
	cursor:default !important;
	color:#CA1A7C !important;
}

/* width 100px */
.tabs a.w100 			{ background-position: 0 0; width:100px; }
.tabs a.w100:hover 	{ background-position: 0 -31px; }
.tabs a.w100.current  { background-position: 0 -62px; }

/* width 150px */
ul .tabs a.w150 			{ background-position: -100px -0px; width:150px; }
ul .tabs a.w150:hover 	{ background-position: -100px -31px; }
ul .tabs a.w150.current  { background-position: -100px -62px; }

/**
 * Pagination Scroller styles. page numbers / horrizontal scroller styles.
 * Do not modify these styles unless you are modifying for ALL  the sites. use id in particular div and modify that instead to override these styles.
 */

.pagination {}
 /* Page x of y */
 .pagination .results {
	float:left;
	font:normal 12px arial;
	width:50%;
}
/* Prev / Next */
.paginationScrollerPrev, .paginationScrollerNext{
	background-color:#FFFFFF;
	border:1px solid #666666;
	color:#666666;
	cursor:pointer;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px;
	text-decoration:none;
	width:25px;
}
.paginationScrollerNext {
	clear:right;
}
.paginationScrollerPrev:hover, .paginationScrollerNext:hover {
	background-color:#666666;
	color:#FFFFFF;
	text-decoration:none;
}
.paginationScrollerPrev.disabled {
	display:none;
	visibility:hidden !important;
}
.paginationScrollerNext.disabled {
	display:none;
	visibility:hidden !important;
}
/* Pages */
.pagination .pages {
	float:right;
	font:normal 12px arial;
}
.pagination .pages .items {
	font:normal 12px arial;
}
.pagination .pages .paginationScroller {
	float:left;
	height: 30px;
	margin-left:5px;
	margin-right:5px;
	overflow: hidden;
	position: relative;
	width:133px;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
.paginationScroller div.items {
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
}

/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
.paginationScroller div.items a { /* maybe take away 'div' */
	border:1px solid #666666;
	color:#666666 !important;
	float: left;
	height:16px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top:4px;
	text-align:center;
	text-decoration: none !important;
	vertical-align:middle;
	width:21px;
}
.paginationScroller div.items a:hover {
	background-color:#666666;
	border:1px solid #666666;
	color:#ffffff !important;
}
/* you may want to setup some decorations to active the item */
div.items a.active, div.items a.active:hover {
	background:none;
	border:none;
	color:#666666 !important;
	font-weight:bold;
	padding-top:5px;
}
.inputTextBox{
    width:400px;
    height:50px;
}
.error{
    color: red;
    padding-left: 5px;
}
.globalOverlay{
    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#fff;
    padding: 5px 5px 5px 5px;
    min-width: 600px;
    min-height:130px;
    border:2px solid #666;
    width: 675px;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;

}
/* close button positioned on upper right corner */
.globalOverlay .close {
    background-image:url(/img/apple-close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:25px;
    width:25px;
}
#loginOverlay{
    min-height: 100px;
    padding-top: 20px;
    width:450px;

}
.spacer {
	float:none;
	clear:both;
}

.spacer5 {
	float:none;
	clear:both;
	height:5px;
}

.spacer10 {
	float:none;
	clear:both;
	height:10px;
}

.line {
	border-top:1px solid #DADFE2;
}

.outline {
	border: 1px solid #DADFE2;
	padding: 5px;
}

.location_input{
    width: 123px;
    /*padding: 10px 10px 10px 5px;*/
    float:left;
}
/*
Grid 960 Css start
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;


}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

 .grid_1{
	width:60px;
}

 .grid_2{
	width:140px;
}

 .grid_3{
	width:220px;
}

 .grid_4{
	width:300px;
}

 .grid_5{
	width:380px;
}

 .grid_6{
	width:460px;
}

 .grid_7{
	width:540px;
}

 .grid_8{
	width:620px;
}

 .grid_9{
	width:700px;
}

 .grid_10{
	width:780px;
}

 .grid_11{
	width:860px;
}

 .grid_12{
	width:940px;
}





/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

     .prefix_1 {
	padding-left:80px;
}

     .prefix_2 {
	padding-left:160px;
}

     .prefix_3 {
	padding-left:240px;
}

     .prefix_4 {
	padding-left:320px;
}

     .prefix_5 {
	padding-left:400px;
}

     .prefix_6 {
	padding-left:480px;
}

     .prefix_7 {
	padding-left:560px;
}

     .prefix_8 {
	padding-left:640px;
}

     .prefix_9 {
	padding-left:720px;
}

     .prefix_10 {
	padding-left:800px;
}

     .prefix_11 {
	padding-left:880px;
}

     .prefix_12 {
	padding-left:960px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

     .suffix_1 {
	padding-right:80px;
}

     .suffix_2 {
	padding-right:160px;
}

     .suffix_3 {
	padding-right:240px;
}

     .suffix_4 {
	padding-right:320px;
}

     .suffix_5 {
	padding-right:400px;
}

     .suffix_6 {
	padding-right:480px;
}

     .suffix_7 {
	padding-right:560px;
}

     .suffix_8 {
	padding-right:640px;
}

     .suffix_9 {
	padding-right:720px;
}

     .suffix_10 {
	padding-right:800px;
}

     .suffix_11 {
	padding-right:880px;
}

     .suffix_12 {
	padding-right:960px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

     .push_1 {
	left:80px;
}

     .push_2 {
	left:160px;
}

     .push_3 {
	left:240px;
}

     .push_4 {
	left:320px;
}

     .push_5 {
	left:400px;
}

     .push_6 {
	left:480px;
}

     .push_7 {
	left:560px;
}

     .push_8 {
	left:640px;
}

     .push_9 {
	left:720px;
}

     .push_10 {
	left:800px;
}

     .push_11 {
	left:880px;
}

     .push_12 {
	left:960px;
}





/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

     .pull_1 {
	right:80px;
}

     .pull_2 {
	right:160px;
}

     .pull_3 {
	right:240px;
}

     .pull_4 {
	right:320px;
}

     .pull_5 {
	right:400px;
}

     .pull_6 {
	right:480px;
}

     .pull_7 {
	right:560px;
}

     .pull_8 {
	right:640px;
}

     .pull_9 {
	right:720px;
}

     .pull_10 {
	right:800px;
}

     .pull_11 {
	right:880px;
}

     .pull_12 {
	right:960px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/*
Grid 960 Css Ends
*/

.bottomSticky {
	bottom: 0px;
	display: block;
	float: none;
	margin: 0;
	position: absolute;
	text-align: right;
}


.help_icon{
    width:25px;
    height:25px;
    background-color: #00CCFF;
}

.smallerBox
{
    width:620px;
    height:auto;
    padding-top:10px;
    border:2px solid #dadfe2;
    margin-left:10px;
    margin-top: 10px;
    float: left;
}

.smallBox
{
    width:180px;
    height:150px;
    padding-left:5px;
    padding-top:10px;
    border:2px solid #dadfe2;
    margin-left:10px;

    margin-top: 10px;
    float: left;
}

.rightIcon {
	text-align: right;
}
.rightHeaderIcon {
	padding-top: 7px;
	text-align: right;
}

.hiddenActions {
	visibility: hidden;
}
.hasHiddenActions:hover .hiddenActions {
	visibility: visible;
}

.button {
	-moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    background: url("http://c0182709.cdn1.cloudfiles.rackspacecloud.com/overlay-button.png") repeat-x scroll 0 0 #222222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    /*color: #FFFFFF !important;*/
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    overflow: visible;
    padding: 5px 15px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    width: auto;
}

.super.button {
	-moz-border-radius: 15px 15px 15px 15px;
	background-image: url("http://c0182709.cdn1.cloudfiles.rackspacecloud.com/super-button-overlay.png");
	border: 1px solid rgba(0, 0, 0, 0.25);
	font-size: 13px;
	padding: 0;
}

.super.button span {
	-moz-border-radius: 14px 14px 14px 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    line-height: 1;
    padding: 4px 15px 6px 33px;
}

.white.button {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	font-weight: normal;
	text-shadow: 0 1px 1px #ffffff;
}

.buttonIcon, .iconSTButton {
	background: url(http://c27265.r65.cf1.rackcdn.com/iconSpriteSheet_v4.png) no-repeat;
}

.buttonIcon.add			{ background-position: -8px -18px; }
.buttonIcon.delete		{ background-position: -8px -54px; }
.buttonIcon.error		{ background-position: -8px -90px; }
.buttonIcon.ok			{ background-position: -8px -126px; }
.buttonIcon.help		{ background-position: -8px -162px; }
.buttonIcon.alert		{ background-position: -8px -192px; }
.buttonIcon.arrowUndo	{ background-position: -8px -234px; }
.buttonIcon.disk		{ background-position: -8px -270px; }
.buttonIcon.save		{ background-position: -8px -270px; }
.buttonIcon.edit		{ background-position: -8px -306px; }
.buttonIcon.star		{ background-position: -8px -342px; }
.buttonIcon.addresses	{ background-position: -8px -378px; }
.buttonIcon.email		{ background-position: -8px -414px; }
.buttonIcon.emailAdd	{ background-position: -8px -450px; }
.buttonIcon.emailEdit	{ background-position: -8px -486px; }
.buttonIcon.emailStar	{ background-position: -8px -522px; }
.buttonIcon.feed		{ background-position: -8px -558px; }
.iconSTButton.feed		{ background-position: -18px -559px; }
.buttonIcon.feedAdd	{ background-position: -8px -594px; }
.buttonIcon.feedEdit	{ background-position: -8px -630px; }
.buttonIcon.rssAdd		{ background-position: -8px -666px; }
.buttonIcon.imageAdd	{ background-position: -8px -702px; }
.buttonIcon.imageDelete{ background-position: -8px -728px; }
.buttonIcon.imageEdit	{ background-position: -8px -774px; }
.buttonIcon.imageStar	{ background-position: -8px -810px; }
.buttonIcon.linkAdd	{ background-position: -8px -846px; }
.buttonIcon.linkEdit	{ background-position: -8px -882px; }
.buttonIcon.linkGo		{ background-position: -8px -918px; }
.buttonIcon.lock		{ background-position: -8px -954px; }
.buttonIcon.magnifier	{ background-position: -8px -990px; }
.buttonIcon.palette	{ background-position: -8px -1026px; }
.iconSTButton.print		{ background-position: -18px -1351px; }
.buttonIcon.userAdd	{ background-position: -8px -1062px; }
.buttonIcon.userEdit	{ background-position: -8px -1098px; }
.buttonIcon.flagBlue	{ background-position: -8px -1134px; }
.buttonIcon.flagOrange	{ background-position: -8px -1170px; }
.buttonIcon.flagPurple	{ background-position: -8px -1206px; }


.linkIcon {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/iconSpriteSheet_v2.png) no-repeat;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	padding: 2px 0 0 20px;
}

.linkIcon.add			{ background-position: -19px -20px; }
.linkIcon.delete		{ background-position: -19px -56px; }
.linkIcon.error		{ background-position: -19px -92px; }
.linkIcon.ok			{ background-position: -19px -128px; }
.linkIcon.help			{ background-position: -19px -164px; }
.linkIcon.alert		{ background-position: -19px -200px; }
.linkIcon.arrowUndo	{ background-position: -19px -236px; }
.linkIcon.disk			{ background-position: -19px -272px; }
.linkIcon.save			{ background-position: -19px -272px; }
.linkIcon.edit			{ background-position: -19px -308px; }
.linkIcon.star			{ background-position: -19px -344px; }
.linkIcon.addresses	{ background-position: -19px -380px; }
.linkIcon.email		{ background-position: -19px -416px; }
.linkIcon.emailAdd		{ background-position: -19px -452px; }
.linkIcon.emailEdit	{ background-position: -19px -488px; }
.linkIcon.emailStar	{ background-position: -19px -524px; }
.linkIcon.feed			{ background-position: -19px -560px; }
.linkIcon.feedAdd		{ background-position: -19px -596px; }
.linkIcon.feedEdit		{ background-position: -19px -632px; }
.linkIcon.rssAdd		{ background-position: -19px -668px; }
.linkIcon.imageAdd		{ background-position: -19px -704px; }
.linkIcon.imageDelete	{ background-position: -19px -740px; }
.linkIcon.imageEdit	{ background-position: -19px -776px; }
.linkIcon.imageStar	{ background-position: -19px -812px; }
.linkIcon.linkAdd		{ background-position: -19px -848px; }
.linkIcon.linkEdit		{ background-position: -19px -884px; }
.linkIcon.linkGo		{ background-position: -19px -920px; }
.linkIcon.lock			{ background-position: -19px -956px; }
.linkIcon.magnifier	{ background-position: -19px -992px; }
.linkIcon.palette		{ background-position: -19px -1028px; }
.linkIcon.userAdd		{ background-position: -19px -1064px; }
.linkIcon.userEdit		{ background-position: -19px -1100px; }
.linkIcon.flagBlue		{ background-position: -19px -1136px; }
.linkIcon.flagOrange	{ background-position: -19px -1172px; }
.linkIcon.flagPurple	{ background-position: -19px -1208px; }


/* get rid of these eventually */

.iconAddress {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_addresses.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconCommentLeft {
	background: url(http://c27265.r65.cf1.rackcdn.com/icon_comment_left.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconCommentRight {
	background: url(http://c27265.r65.cf1.rackcdn.com/icon_comment_right.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconDelete {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_delete.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconEdit {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_edit.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconEmail {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_email.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconEmailAdd {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_email_add.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconEmailEdit {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_email_edit.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconEmailStar {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_email_star.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconFeedAdd {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_feed_add.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconFeedEdit {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_feed_edit.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconImageAdd {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_image_add.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconImageEdit {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_image_edit.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconImageStar {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_image_star.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconLinkAdd {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_link_add.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconLinkEdit {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_link_edit.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconLinkGo {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_link_go.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconLock {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_lock.png) no-repeat scroll 6px 1px transparent;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconMagnifier {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_magnifier.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconPalette {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_palette.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconPrint {
	background:url(http://c27265.r65.cf1.rackcdn.com/icon_print.png) no-repeat scroll 0 1px;
	color: #000000;
	float:left;
	font: normal 11px verdana;
	height:20px;
	padding-left:22px;
	padding-top:2px;
}
.iconSTButton {
	color: #000000;
	float:left;
	font: normal 11px verdana;
	height:20px;
	padding-left:22px;
	padding-top:2px;
}
.iconRSSAdd {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_rss_add.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconSave, .iconDisk {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_disk.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconStar {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_star.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconUndo {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_arrow_undo.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconUserAdd {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_user_add.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconUserEdit {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_user_edit.png) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconPublish {
	background: url(/img/active_icon_trans.gif) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconUnpublish {
	background: url(/img/inactive_icon_trans.gif) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}
.iconGarbageCan {
	background: url(/img/delete_icon_trans.gif) no-repeat;
	font: normal 12px arial;
	line-height: 22px;
	padding: 2px 0 0 20px;
}

/* Message boxes */

.msgBoxAlert {
	background-color: #e9ed77;
	border: 1px solid #9ea31a;
	padding: 5px;
}
.msgBoxAlert .msgIcon  {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_alert.png) no-repeat;
	padding: 2px 10px;
}
.msgBoxAlert a { color: #FFFFFF !important; }

.msgBoxError {
	background-color: #f16a8b;
	border: 1px solid #5c1618;
	padding: 5px;
}
.msgBoxError .msgIcon  {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_error.png) no-repeat;
	padding: 2px 10px;
}
.msgBoxError a { color: #FFFFFF !important; }

.msgBoxOK {
	background-color: #84cd81;
	border: 1px solid #1c531b;
	padding: 5px;
}
.msgBoxOK .msgIcon  {
	background: url(http://c0027265.cdn1.cloudfiles.rackspacecloud.com/icon_ok.png) no-repeat;
	padding: 2px 10px;
}
.msgBoxOK a { color: #FFFFFF !important; }

.help_popup{
    background-color: #fff;
    display:none;
}

.right {
	float:right;
}
/* For general popup layout */
.categoryHeader {
    padding: 7px 5px 7px 5px;
    margin:0 0 5px 0;
    font:bold 15px arial;
    clear:both;
    border:1px solid #000000;
}
.categoryHeader span {
    margin-left: 5px;
}
/* For Edit Image Popup */
.image_form_con {
    width: 236px;
    text-align:left;
}
.image_form_con .submitButton, .image_form_con .resultDiv {
    margin-left: 10px;
}
.image_form_con label.error {
    float: right;
}
.image_left_column_con .overlay_left_column {
    width: 380px;
}
/* For Admin edit content layout */
.autoWidth {
    width: auto;
}
.bGHeaderIconCon {
    float: right;
    margin-right: 63px !important;
}
.bGHeaderIconCon a {
    margin-left: 9px;
}
/*For admin edit photo layout */
.listContentImage {
    max-width: 220px;
    max-height: 110px;
}
.contentImageCon {
    height: 150px;
}
.contentImageSel {
    position: absolute;
    bottom: 0px;
}
/* Popup form styling elements */
.formPosition {
    padding: 10px 0px;
}
.addressCon {
    width: 300px;
    float: left;
    margin-left: 35px;
}
.addressCon label {
    clear: both;
}
.mailing .addressCon p {
    margin-top: 10px;
}
.mailing .addressCon p, .mailing .addressCon input, .mailing .addressCon select {
    float: none;
    display: block;
    width: 260px;
}
.contact .addressCon input {
    width: 260px;
}
.contact .addressCon textarea {
    width: 600px;
}
.contact .messageCon {
    width: 600px;
    margin-left: 35px;
}
.contact .error {
    padding: 0;
}
.contact .addressCon p {
    margin-top: 5px;
}
.formButtonCon {
    float: right;
}
.formButtonCon a {
    margin-left: 9px;
}
/* For Edit Image Popup*/
.editImage {
    max-width: 380px;
}
/* For Accordian Taxonomy */
#buyersGuideContent #accordion .headingbar .hElement {
	float:left;
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
	padding-left:25px;
}
.headingbar h3 {
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}
.headingbar h3 a {
	color:#000000;
}
.headingbar h3 a:hover {
	text-decoration: underline;
}
.letterHeader {
	border-bottom: 2px solid #000000;
	clear:both;
	float:none;
	font:bold 16px arial;
	padding: 6px 0 6px 5px;
	margin:2px 3px;
}
.bgCategories h3 {
	font:bold 14px arial;
}
.bgCategories ul {
	margin: 5px 10px 10px 10px;
}
.bgCategories ul li {
	margin-left:10px;
	padding:2px;
}
/*General Purpose */
.clearBar {
    width: 100%;
    height: 10px;
    clear: both;
}
.clearBoth {
    clear: both;
}
.subHeaderText {
    font: bold 10px arial;
}
/*For the events form */
.eventForm {
    margin-left: 30px;
}
.eventForm div {
    float: left;
    position: relative;
    margin: 20px 170px 0px 0px;
    width: 150px;
}
.eventForm input {
    width: 250px;
}
.eventForm label {
    display: block;
    width: 150px;
}
#ui-datepicker-div { display: none; }
/* For List Content Photos */
.listContentPhotos {
    min-height: 10px;
}
.imageBar, .imageBar .divider {
    height: 18px;
}
.imageBar {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    cursor:pointer;
    background-color:#F9F9F9;
    border:1px solid #D3D3D3;
    color:#555555;
    font-size:11px;
    line-height:1.3;
    margin:3px 0 0 0;
    outline-style:none;
    outline-width:medium;
    padding:0px 3px;
    position:relative;
    text-decoration:none;
    vertical-align:baseline;
    width: auto;
    clear: both;
}
.imageBar div, .imageBar a {
    float: left;
    margin: 2px 0px 0px 3px;
}
.imageBar .divider {
    width: 1px;
    float: left;
    background-color: #D3D3D3;
    margin-top: 0px;
}
.imageBar .imageTitle {
    width: 200px;
}
.imageBar .imageDescription {
    width: 358px;
}
.imageBar .imageTools {
    position: absolute;
    right: 0px;
    top: -1px;
}
.imageBar div .iconImageEdit, .imageBar div .iconPublish, .imageBar div .iconUnpublish, .imageBar div .iconGarbageCan {
    width: 5px;
    height: 14px;
}
.imageBar div .iconGarbageCan {
    width: 0px;
}
.imageBar div a {
    margin: 0;
}
.imageActive {
    Width: 37px;
}
/* Image Preview */
#imgPreviewCon img{
    max-height: 180px;
    max-width: 180px;
}
/* Company Profile Pages */
.profileCompanyLogo {
    max-height: 220px;
    max-width: 220px;
}
/*Buyer's Guide Listing */
.marginToPadding {
    margin: 0;
    padding: 0px 20px 0px 0px;
}
.bgField .categoryHeader {
    padding:  7px 0px;
}
.bgLogo {
    max-height: 120px;
    max-width: 150px;
}
/* Add BG Listing */
.package {
    margin-left: 10px;
}
/* Asset Forms */
.assetForm textarea {
    font: normal 12px sans-serif;
    padding: 5px;
    width: 678px;
    resize: none;
}
.assetForm hr {
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px;
    width: 100%;
    text-align: left;
}
.assetForm .bGHeaderIconCon {
    margin-right: 10px !important;
}
.assetForm .firstCol, .assetForm .secondCol {
    width: 280px;
}
.assetForm .firstCol {
    float: left;
}
.assetForm .secondCol {
    float: right;
}
.assetForm select, .loc input {
    display: block;
    width: 222px !important;
}
.assetForm input {
    width: 275px;
}
.assetForm .loc {
    float: left;
    margin-left: 6px;
}
.assetForm .formAreaCon {
    background-color: #cce1ed;
    padding: 0px 5px 10px 5px;
    border: 0px solid #000000;
    border-top-width: 1px;
}
.assetForm input.error {
    padding-left: 0px !important;
}
.bGCatCol {
    width: 225px;
    margin-right: 5px;
    float: left;
}
.bGCatCol input {
    width: auto;
}
/*Buyers' guide top results search page*/

#buyers-results
{
	float:left;	
	width:100%;
	border:solid 1px gray;
}
#buyers-results  h2
{
	color:black;
	background-color:#c5c5c5;
	border-bottom:solid 2px gray;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:96%;
	padding-left:2%!important;
	padding-right:2%!important;
	
}
#buyers-results h2 a
{
	color:black;
	float:right;
}

.buyer-company
{
	float:left;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:solid 1px gray;
	background-color:white;
}
.buyer-company-image
{
	float:left;
	width:25%;
	padding-left:10px;
}
.buyer-company-image img
{
	width:100px;
}
.buyer-company-text
{
	width:72%;
	float:left;
}
.buyer-company-text-title
{
	float:left;
	width:100%;
}
.buyer-company-text-title a
{
	font-size:16px;
}
.buyer-company-text-summary
{
	float:left;
	width:100%;
	font-size:12px;
}
/***********************************
One tab box
***********************************/
.tabBox {
	border:1px solid #d6d6d6;
	margin:3px 0 10px 3px;
/*        height:265px;*/

}
.tabBox > div > ul {
	background:url(/img/bg_title2.gif) repeat-x scroll left bottom transparent;
	height:37px;
	width: 100%;
}
.tabBox > div > ul li {
	/*background: url(/img/bg_title2.gif) bottom left repeat-x;*/
	float:left;
	height:37px;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	width:150px;
}

/* link inside the tab. uses a background image */
.tabBox > div > ul li a {
	/*background:url(/img/bg_title2.gif) bottom left repeat-x;*/
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	padding:0px;
	margin:0px;
	position:relative;
	top:7px;
	border:0px;
}

.tabBox > div > ul li a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
.tabBox > div > ul li a:hover {
	/*background-position: -420px -31px;*/
	color:#fc0404;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabBox > div > ul li a.current, .tabBox > div > ul li a.current:hover {
	cursor:default !important;
	color:#fc0404 !important;
	background-image:none;
	background-color:#FFFFFF;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	margin-left:5px;
}
.backToTop {
	color:#888888;
    font-size:10px;
	float:right;
}

.outline {
/*width:670px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
margin:0px -3px 0px -5px;
*/}

.hide {
    display:none;
}

.rows {
    width:500px;
    padding-bottom: 12px;
}


/*styles by anshul*/
.grid-heading
{
	font-weight:bold;
	width:100%;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	background-color: #F5F3F4;
    border: solid 1px #D5D5D5;

}

.grid-row
{
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:solid 1px #c5c5c5;
	float:left;
	width:100%;
}
.grid-column
{
	float:left;
	min-height:1px;
	padding-left:5px;
}
.grid-content
{
	float:left;
	width:100%;
}
.no-content
{
	font-style:italic;
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	width:100%;
}
.edit-content-address-form
	{
		float:left;
		width:600px; 

	}
	.edit-content-address-form .form-row
	{
		float:left;
		width:100%;
		margin-bottom:5px;
	}
	.edit-content-address-form .right-aligned
	{
		text-align:right;
	}
	.edit-content-address-form .form-row label
	{
		clear:both;
		font-weight:bold;
		display:block;
	}
	
	.edit-content-address-form .form-row input[type='text'], .edit-content-address-form .form-row select
	{
		width:100%;
	}
	.edit-content-address-form .form-row .section
	{
		float:left;
		margin-right:10px;
		width:100px;
	}
	.free-size
	{
		float:left!important;
	}