
body, html
{
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #666666;
    background-color: white;
    clear: both;
}

#container
{
    width: 100%;
    position: relative;
    clear: both;
    margin: 0px;
    height: auto;
    text-align: left;
    font: normal 11px Verdana, Sans-serif;
    background-color: #FFFFFF;
    text-align: left; /* this overrides the text-align: center on the body element. */
}




#header
{
    background: #FFFFFF;
    width: 1000px;
    height: 82px;
    margin: auto;
    padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}


#header .logo
{
    float: left;
    width: 189px;
    height: 81px; /*background-image: url(../images/logo.jpg);*/
    background-repeat: no-repeat;
}

#header .banner
{
    float: right;
    width: 690px;
    height: 82px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
}

.current
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #e21c10;
    text-transform: capitalize;
    font-weight: normal;
}


#menubar
{
    background: url(../images/menur_bg.gif) repeat-x;
    height: 31px;
}


#menubar .menu
{
    margin: 0 auto;
    width: 1000px;
}

#menubar li
{
    float: left;
    margin: 0;
    list-style: none;
    position: relative;
    line-height: 28px;
}

#menubar li a
{
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 0 15px;
    display: block;
}

#menubarli a:link
{
    font-weight: bold;
    color: #666;
}

#menubar li a:hover
{
    font-weight: bold;
    color: #333333;
}


.menudiv
{
    width: 1px;
    height: 25px;
    margin-left: 20px;
    background: #FFFFFF;
}


#main
{
    background: white;
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 15px;
    height: 585px;
    
}


#leftcontent
{
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    width: 557px; /* since this element is floated, a width must be given */
    display: inline; /* the background color will be displayed for the length of the content in the column, but no further */
}

#rightcontent2
{
    float: left;
    width: 415px;
    margin-bottom: 20px;
    margin-left: 5px;
    display: inline;
}


#rightcontent .desc, #rightcontent2 .desc
{
    float: left;
    width: 690px;
    margin-left: 10px;
}


#rightcontent2 .desc2
{
    float: left;
    width: 330px;
    margin-left: 10px;
}
.form_outer
{
    width: 680px;
    margin: 2px auto;
}

.form_container
{
    margin-top: 5px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}


.form_contentwrap
{
    width: 95%;
    _width: 95%;
    height: auto; /*display:table;*/
    margin-left: 12px;
    margin-right: 12px;
}

#form_border
{
    margin-top: 8px;
    margin-left: 8px;
    float: left;
    width: 370px;
}



#login
{
    padding-bottom: 5px;
    border-bottom: 1px dashed #7f7f7f;
}


.searchboxsearch
{
    width: 100px;
    line-height: 16px;
    border: 1px solid #c9cac5;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 3px;
}

.searchbox2
{
    width: 50px;
}


.searchbox3
{
    width: auto;
}
.searchbox4
{
    width: 169px;
    line-height: 16px;
    border: 1px solid #c9cac5;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 3px;
    height: 80px;
}
.searchbox5
{
    width: 169px;
    line-height: 16px;
    border: 1px solid #c9cac5;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 3px;
    height: 20px;
}




#logintitle
{
    padding-left: 28px;
    margin-bottom: 6px;
    _margin-bottom: 0px;
    background: url(../images/memberlogin.gif) no-repeat left;
}



.h1
{
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: black;
    font-size: 11px;
    text-transform: uppercase;
}


#footer
{
    padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    margin: 12px 0px 0px 0px;
    background: #e8e8e8;
    border-top: 1px solid #c2c2c2;
    width: 100%;
    height: 70px;
    clear: both;
}

.foot_con
{
    width: 970px;
    margin: 10px auto;
}

.copyright
{
    color: #6e6e6e;
    padding: 0 5px;
    font-family: "Trebuchet MS";
    font-size: 11px;
    float: left;
}

.mox
{
    color: #6e6e6e;
    padding: 0 5px;
    background-image: url(../images/ximplify_bot.jpg);
    width: 184px;
    height: 39px;
    float: right;
}

.footermenu
{
    color: #6e6e6e;
    padding: 0 10px 0px 10px;
    /*background-image: url(../images/ximplify_bot.jpg);*/
   /*width: 100px;*/
    height: 16px;
    float: right;
	border-right:1px solid #666666;
	font-family: "Trebuchet MS";
	cursor:pointer;
}

.footermenu a:link{
	color:#6e6e6e;
	text-decoration:none;
}
.footermenu a:visited{
	color:#6e6e6e;
	text-decoration:none;
}
.footermenu a:hover{
	color:#6e6e6e;
	text-decoration:underline;
}
.footermenu a:active{
	color:#6e6e6e;
	text-decoration:none;
}


.footermenu_noborder
{
    color: #6e6e6e;
    padding: 0 3px 0px 10px;
    /*background-image: url(../images/ximplify_bot.jpg);*/
   /*width: 100px;*/
    height: 16px;
    float: right;
	/*border-right:1px solid #666666;*/
	font-family: "Trebuchet MS";
	cursor:pointer;
}

.footermenu_noborder a:link{
	color:#6e6e6e;
	text-decoration:none;
}
.footermenu_noborder a:visited{
	color:#6e6e6e;
	text-decoration:none;
}
.footermenu_noborder a:hover{
	color:#6e6e6e;
	text-decoration:underline;
}
.footermenu_noborder a:active{
	color:#6e6e6e;
	text-decoration:none;
}

#footer .left
{
    float: left;
    width: 70%;
}


#footer .right
{
    float: left;
    width: 30%;
}


#footer .paylogo
{
    margin-top: 10px;
    float: left;
    width: 40%;
}


.twoColElsLtHdr #footer p
{
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt
{
    /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft
{
    /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
.clearfloat
{
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}


.menubox
{
    width: 98%;
    margin: 2px;
    border: 1px solid #aca9a9;
    margin-bottom: 10px;
}






/* glossy menu*/



.glossymenu
{
    float: left;
    position: relative;
    padding: 0 0 0 0px;
    margin: 0 auto 0 auto;
    height: 29px;
    list-style: none;
    background: url(../images/menur_bg.gif) repeat-x;
}

.glossymenu li
{
    float: left;
    padding-top: 1px;
}

.glossymenu li a
{
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 10px 0 0 0px; /*Padding to accomodate left tab image. Do not change*/
    height: 29px;
    line-height: 29px;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
}

.glossymenu li a b
{
    float: left;
    display: block;
    padding: 0 0px 0 0px; /*Padding of menu items*/
    font-weight: bold;
    color: #747474;
}

.glossymenu li a b:hover
{
    float: left;
    display: block;
    padding: 0 0px 0 0px; /*Padding of menu items*/
    font-weight: bold;
    color: #e11e24;
}




.glossymenu li.current a
{
    color: #e11e24;
    background: url(../images/menur_hover_left.gif) no-repeat; /*left tab image path*/
    background-position: left-top;
    padding-right: 0px;
    font-weight: bold;
}

.glossymenu li.current a b
{
    color: #e11e24;
    background: url(../images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
    padding-right: 22px;
    padding-top: 1px;
    font-weight: bold;
}



/* shiftdown*/
.invertedshiftdown
{
    padding: 0;
    width: 100%;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
}

.invertedshiftdown ul
{
    margin: 0;
    margin-left: 0px; /*margin between first menu item and left browser edge*/
    padding: 0;
    list-style: none;
    float: right;
}

.invertedshiftdown li
{
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
}

.invertedshiftdown a
{
    float: left;
    display: block;
    font: bold 11px Arial;
    color:#ed1f24;
    text-decoration: none;
    margin: 0 3px 0 0; /*Margin between each menu item*/
    padding: 3px 10px 5px 10px; /*Padding within each menu item*/
    background-color: #d2d2d2; /*Default menu color*/ /*BELOW 4 LINES add rounded bottom corners to each menu item.   ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS   REMOVE IF DESIRED*/
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover
{
    background-color: #D10000; /*Red color theme*/
    padding-top: 3px; /*Flip default padding-top value with padding-bottom */
    padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
    color: white;
    text-decoration:underline;
}

.invertedshiftdown .current a
{
    /** currently selected menu item **/
    background-color: #d2d2d2; /*Red color theme*/
    padding-top: 5px; /*Flip default padding-top value with padding-bottom */
    padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
    color: white;
}

/**************************************XIMPLIFY********************************************************/

#middle_content
{
    margin: 0 auto;
    padding: 0px;
   /* clear: both;*/
    width: 1000px;
    height: auto; /*border:solid 1px #ff0000;*/

 
}



/************* AJAX TAB*******************/

.shadetabs
{
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 11px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li
{
    display: inline;
    margin: 0;
}

.shadetabs li a
{
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 3px 8px;
    margin-right: 0px;
    border: 1px solid #c8c8c8;
    color: #666;
    background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited
{
    color: #666;
}

.shadetabs li a:hover
{
    text-decoration: underline;
    color: #666;
}

.shadetabs li a.selected
{
    /*selected main tab style */
    position: relative; /*top: 1px;*/
}

.shadetabs li a.selected
{
    /*selected main tab style */
    background-image: url(images/shadeactive.gif);
    border-bottom-color: white;
}

.shadetabs li a.selected:hover
{
    /*selected main tab style */
    text-decoration: none;
}

#countrydivcontainer
{
    border: 1px solid #c8c8c8;
    margin: 0px 0px 0px 0px;
    width: 260px;
    height: 170px;
    margin-bottom: 0px;
    padding: 10px;
    color: #666666;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#countrydivcontainer2
{
    border: 1px solid #c8c8c8;
    margin: 0px 0px 0px 0px;
    width: 680px;
    height: 180px;
    margin-bottom: 0px;
    padding: 10px 0px 0px 10px;
    color: #666666;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#countrydivcontainer3
{
    margin: 0px 0px 0px 0px;
    width: 680px;
    height: 180px;
    margin-bottom: 0px;
    padding: 10px 0px 0px 10px;
    color: #666666;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#countrydivcontainer4
{
    border: 1px solid #c8c8c8;
    margin: 0px 0px 0px 0px;
    width: 260px;
    height: 170px;
    margin-bottom: 0px;
    padding: 10px;
    color: #666666;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}



#ajaxmenu
{
    float: left;
    padding: 0px 10px 0px 0px;
}


#ajaxforgotmenu
{
    float: left;
    padding: 0px 10px 0px 0px;
}
/* end css tabs */

.member_thumbnail
{
    padding: 5px 7px 5px 7px;
    width: 60px;
    height: 60px;
    float: left;
}


/*
#box
{
    margin: 0px;
    width: 680px;
    float: left;
}
*/

#box{
	margin:0px;
	padding:0px;
	width: 680px;
	_width:680px;
	height:135px;
	_height:135px;
	float:left;
	/*overflow:hidden;*/
}

#blogpostbox{
	margin:0px;
	padding:0px;
	width: 680px;
	_width:680px;
	height:170px;
	_height:170px;
	float:left;
	/*overflow:hidden;*/
} 

#blogbox
{
    margin: 0px;
    padding: 5px 10px 5px 5px;
    _padding:3px 10px 3px 5px;
    width: 320px; /*height:60px;*/
    float: left;
}

.blogtitle
{
    margin: 0px;
    padding: 0px 0px 3px 0px;
    font-weight: bold;
    font-size: 11px;
    float: left;
    width: 320px;
    text-align: justify;
}

.blog_content
{
    padding: 1px 0px 0px 0px;
    font-size: 11px;
    width: 245px;
    float: left;
    text-align: justify;
}

.blogtitle a:link
{
    color: #FF0000;
    text-decoration: none;
    float: left;
}
.blogtitle a:visited
{
    color: #FF0000;
    text-decoration: none;
}
.blogtitle a:hover
{
    color: #D10000;
    text-decoration: underline;
}
.blogtitle a:active
{
    color: #FF0000;
    text-decoration: none;
}

/******************************* video***************************/
/*#video_box
{
    margin: 0px;
    padding: 3px 10px 3px 5px;
    width: 150px;
	_width: 90px;
    height: 40px;
    float: left;
	background-color:#006633;
}
*/

#video_box{
	margin:0px;
	padding:3px 10px 3px 5px;
	width:154px;
	_width:154px;
	height:40px;
	_height:40px;
	float: left;
	overflow:hidden;
	}

.video_thumbnail
{
    padding: 3px 7px 3px 7px;
	margin:0px;
    width: 40px;
    height: 40px;
	_width: 40px;
    _height: 40px;
    float: left;
}


.video_title
{
    margin: 0px;
    padding: 5px 0px 3px 0px;
    font-weight: normal;
    font-size: 11px;
    float: left;
    width: 150px;
}

.video_content
{
    padding: 1px 0px 0px 0px;
    font-size: 11px;
    width: 134px;
    float: left;
    text-align: justify;
}

.video_title a:link
{
    color: #666;
    text-decoration: none;
}
.video_title a:visited
{
    color: #666;
    text-decoration: none;
}
.video_title a:hover
{
    color: #FF0000;
    text-decoration: underline;
}
.video_title a:active
{
    color: #666;
    text-decoration: none;
}

/**************************** login ***************************/
#login_box
{
    margin: 0px;
    padding: 0px 10px 5px 5px;
    width: 245px;
    height: 135px;
	_height: 135px;
	float: left;
	/*overflow:hidden;*/
}

.login_content
{
    padding: 1px 0px 5px 0px;
    font-size: 11px;
    width: 245px;
    float: left;
    text-align: justify;
}

.form_label
{
    margin: 0px;
    padding: 6px 0px 0px 0px;
    width: 70px;
    float: left;
    font-size: 11px;
}

.form_errormessage
{
    margin: 0px;
    padding: 0px 0px 0px 70px;
    float: left;
    font-size: 11px;
    color: Red;
}

.formstyle
{
    margin: 6px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 160px;
    float: left;
    font-size: 11px;
}

.formnostyle
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#loginbtn
{
    margin: auto;
    padding: 8px 0px 0px 0px;
    font-size: 11px;
    width: 200px;
    clear: both;
    text-align: center;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.btn
{
    cursor: pointer;
    font-size: 11px;
    height: 20px;
    padding: 0px 2px 0px 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #d2d2d2;
    border-right-style: double;
    border-bottom-style: double;
    border-bottom-color: #666;
    border-right-color: #666;
    border-bottom-width: 1px;
    border-right-width: 1px;
}

/************************* photo ***********************************/
#photo_container
{
    margin: 0px;
    padding: 2px;
    width: 484px;
    float: left;
}

.photo_large
{
    margin: 0px;
    padding: 4px 0px 0px 0px;
    width: 177px;
    height: 128px;
    float: left;
}

.photo_thumbnail
{
    padding: 2px;
    width: 40px;
    height: 40px;
    float: left;
}

/**************************** Feature Box *************************************/

#featurebox
{
    padding: 11px 10px 0px 10px;
    margin: 10px 0px 15px 0px;
    height: 249px;
    width: 630px;
    background: #ffd6d6;
    border-right-style: double;
    border-bottom-style: double;
    border-bottom-color: #efb8b8;
    border-right-color: #efb8b8;
    border-bottom-width: 1px;
    border-right-width: 1px;
    float: left;
}

#feature_ads
{
    padding: 0px;
    margin: 10px 0px 15px 17px;
    height: 261px;
    width: 316px;
    float: left;
}

#featurebox_menu
{
    margin: 0px;
    padding: 0px;
    width: 120px;
    height: 230px;
    float: left;
}


/************************************** Buy pixbanner ***************************************/

#buypix_banner
{
    margin: 10px 0px 10px 0px;
  /*  _margin: 8px 0px 8px 0px;*/
    padding: 0px;
    width: 649px;
    text-align: center;
    height: 125px;
    float: left;
    border: 1px solid #c8c8c8;
}
#ximplify_banner
{
    margin: 10px 0px 10px 15px;
  /*  _margin: 8px 0px 8px 15px;*/
    height: 125px;
    width: 316px;
    float: left;
    border: 1px solid #c8c8c8;
}

/*************************************** slider wrapper*****************************************/
/************* AJAX TAB*******************/


.shadetabs2
{
    margin: 0px;
    padding: 0px;
    float: right; /*width:100px;*/
    font: bold 11px Verdana;
    list-style-type: none;
    text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs2 ul
{
    padding: 0px;
    margin: 0px;
    float: left;
}

.shadetabs2 li
{
    margin: 0px; /*display: inline;*/
    line-height: 24px;
    height: 30px;
    width: 120px;
    float: right;
}

.shadetabs2 li a
{
    margin: 0px;
    padding: 6px 6px 6px 6px;
    text-decoration: none;
    z-index: 1; /*border: 1px solid #c8c8c8;*/
    color: #990000;

}

.shadetabs2 li a:visited
{
    color: #666;
}

.shadetabs2 li a:hover
{
    color: #FF0000;
}


.shadetabs2 li a.selected
{
    /*selected main tab style */ /*border-right-color: white;*/
    background-color: #FFF;
}

.shadetabs2 li a.selected:hover
{
    /*selected main tab style */
    text-decoration: none;
}


#countrydivcontainer3
{
    /*border:1px solid #c8c8c8;*/
    margin: 0px;
    padding: 0px;
    width: 508px;
    height: 237px;
    float: left;
    color: #666666;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #FFF;
   
}

#box_feature
{
    margin: 0px;
    padding: 0px;
    width: 510px;
    height: 230px;
    float: left;
    text-align: justify;
    overflow: hidden;
 
}

.h3
{
    font-size: 14px;
    font-weight: bold;
    color: #0066cc;
}

.normal_text
{
    padding: 1px 0px 8px 0px;
    font-size: 11px;
    width: 177px;
    float: left;
    text-align: justify;
}

.pic
{
    margin: 2px 2px;
    _margin: 1px 1px;
    width: 40px;
    height: 40px;
    float: left; /*background-color:Blue;*/
}
.memberpic
{
    margin: 2px 2px;
    width: 60px;
    height: 60px;
    float: left; /*background-color:Blue;*/
    
}

.boxtitile{
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	background-color: #c8c8c8;
	height:23px;

}


/********************************************listing page**************************************************/
#search_column {
    padding: 11px 10px 0px 5px;
    margin: 10px auto;
	width:100%;
	_width:98%;
	clear:both;
	font-size:11px;
}
.search {
	background: #ffe0e0 url(../images/search.gif) center no-repeat;
	background-position: 785px 50%; /* x-pos y-pos */
	text-align: center;
	padding: 20px 20px 20px 15px;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	width: 960px;
	}
	
.formtext{
	padding:0px 5px 1px 5px;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.searchform{
	margin: 0px;
	padding:0px;
}

#midpage_content{
    padding: 0px 15px 0px 15px;
    margin: 10px 0px 15px 0px;
    height: auto;
    width: 550px;
    /*background: #ffd6d6;*/
    float: left;
}

#tags_cloud{
    padding: 0px 0px 5px 5px;
    margin: 10px 0px 15px 0px;
    height: 450px;
    width: 210px;
    /*background: #ffd6d6;*/
    float: right;
	text-align:right;

}

.titletext{
	padding:0px 0px 10px 0px;
	color :#666666;
	font-size: 11px;
	font-weight: Bold;
	}

.tags_words{
	padding:0px;
	margin:20px 0px 0px 0px;
	width:100%;
	float:right;
	text-align:right;
	font-size:100%;
	font-family:"Trebuchet MS";
	/*border:1px dotted #c8c8c8;*/
	}

.tags_words a{
	color :#e11e24;
	text-decoration: none;
	}
	
.tags_words a:hover{
	color :#FF0000;
	text-decoration: none;
	background: #f2f2f2;
	}
	
.tags_words .word1{
	padding:2px;
	margin:2px;
	float:right;
	line-height:30px;
	font-size:30px;
	}

.tags_words .word2{
	padding:2px;
	margin:2px;
	float:right;
	line-height:24px;
	font-size:26px;
	}	
	
.tags_words .word3{
	padding:2px;
	margin:2px;
	float:right;
	line-height:22px;
	font-size:24px;
	}
	
.tags_words .word4{
	padding:3px;
	margin:2px;
	float:right;
	line-height:24px;
	font-size:22px;
	}
	
.tags_words .word5{
	padding:3px;
	margin:2px;
	float:right;
	line-height:17px;
	font-size:18px;
	}
	
.tags_words .word6{
	padding:4px;
	margin:2px;
	float:right;
	line-height:12px;
	font-size:16px;
	}
	
/************************** Browse by Category ****************************/	
	
#side_category{
    padding: 0px 10px 0px 5px;
    margin: 10px 0px 15px 0px;
    height: 450px;
    width: 170px;
    /*background: #ffd6d6;*/
    float: left;
}

#block_links {
	MARGIN: 20px 0px 0px 0px;
	float:left;
	width:160px;
}
#block_links UL {
	MARGIN: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	WIDTH: 130px; 
	LIST-STYLE-TYPE: none;
}
#block_links LI {
	BORDER-RIGHT: #999 0px dotted;
	float:left; 
	/*BORDER-TOP: #999 1px dotted;*/ 
	MARGIN: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	BORDER-LEFT: #999 0px dotted; 
	BORDER-BOTTOM: #999 1px dotted;
}
#block_links LI A {
	PADDING: 5px; 
	DISPLAY: block; 
	FONT:12px Verdana, Arial, Helvetica, sans-serif;
	/*FONT: bold 120% Arial, Helvetica, sans-serif; */
	COLOR: #e11e24; 
	TEXT-DECORATION: none;
}

HTML #block_links LI A {
	WIDTH: 130px;
}

#block_links LI A:hover {
	BACKGROUND: #f2f2f2;
}
#block_links A EM {
	DISPLAY: block; 
	FONT: 85%/125% Verdana, Arial, Helvetica, sans-serif; 
	COLOR: #333;
}
#block_links A SPAN {
	FONT: 70%/150% Verdana, Arial, Helvetica, sans-serif; 
	COLOR: #125f15;
}
	
/*****************************mid content******************************/

#content_span {
	margin: 20px 0px 0px 0px;
	float:left;
	width:550px;
	height:auto;
}

#row_span{
	margin:0px;
	padding:5px 0px 7px 0px;
	width:600px;
	height:100px;
	_height:110px;
	float:left;
	
	}
	
.listing_blog_pic{
	float:left;
	margin:0px 15px 0px 0px;
	padding: 4px;
	background:#fff;
	width: 80px;
	height:80px;
	border: 1px #ccc solid;
}


.content_title{
	font-family: "Trebuchet MS";
	font-size: 16px;
	line-height:17px;
	padding:0px 0px 2px 0px;
	width:440px;
	float:left;
	color:#CC0000;
}

.content_title a
{
	font-family: "Trebuchet MS";
	font-size: 16px;
	line-height:17px;
	padding:0px 0px 2px 0px;
	width:440px;
	float:left;
	color:#CC0000;
	text-decoration:none;
}

.content_title a:hover{
	color:#CC0000;
	text-decoration:underline;
}




.content_date{
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	width:70px;
	color:#333399;	
}

.content_by{
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	width:145px;
	color:#333399;
}

.content_comment{
	float:left;
	width:75px;
	color:#333399;
	text-align:right;
	background: url(../images/comment.gif) center no-repeat;
	background-position:2px 50%; /* x-pos y-pos */
	font-family: "Trebuchet MS";
	font-size:10px;
}

.content_category{
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	width:150px;
	color:#333399;
}

.content_category a
{
	color:#CC0000;
	text-decoration:underline;

}

.content_category a:hover
{
	color:#CC0000;
	text-decoration:none;

}

.content_detail{
	padding: 4px 0px 0px 0px;
	float:left;
	width:440px;
	
	font-family: "Trebuchet MS";
	font-size:11px;
	text-align:justify;
}
.content_tags{
	float:left;
	padding: 0px 0px 0px 0px;
	width:400px;
	color:#666;
	font-family: "Trebuchet MS";
	font-size:10px;
	
}
/************************** Video(list all) ************************************/
#video_midpage_content{
    padding: 0px 15px 0px 15px;
    margin: 10px 0px 15px 0px;
    height: auto;
    width:750px;
    /*background: #ffd6d6;*/
    float: left;
}

#video_content_span {
	MARGIN: 20px 0px 0px 0px;
	float:left;
	width:700px;
	height:auto;
}

#video_row_span{
	Margin:0px;
	padding:5px 0px 12px 0px;
	width:700px;
	height:100px;
	float:left;
	}
	
.listing_video_pic{
	float:left;
	margin:0px 25px 0px 0px;
	padding: 8px 3px 8px 3px;
	background:#000;
	/*background-position:2px 50%; /* x-pos y-pos */
	width: 100px;
	height:80px;
	border: 1px #ccc solid;
}
.video_content_title{
	font-family: "Trebuchet MS";
	font-size: 17px;
	line-height:18px;
	padding:0px 0px 2px 0px;
	width:540px;
	float:left;
	color:#CC0000;
}

.video_content_title a{
	color:#CC0000;
	text-decoration:none;
}


.video_content_title a:hover{
	color:#CC0000;
	text-decoration:underline;
}





.video_content_date{
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	width:140px;
	color:#333399;	
}

.video_content_by{
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	width:200px;
	color:#333399;
}

.video_content_comment{
	float:left;
	width:75px;
	color:#333399;
	text-align:right;
	background: url(../images/comment.gif) center no-repeat;
	background-position:2px 50%; /* x-pos y-pos */
	font-family: "Trebuchet MS";
	font-size:10px;
}

.video_content_category{
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	width:150px;
	color:#333399;
}

.video_content_detail{
	padding: 4px 0px 0px 0px;
	float:left;
	width:540px;
	font-family: "Trebuchet MS";
	font-size:11px;
	text-align:justify;
}
.video_content_tags{
	float:left;
	padding: 3px 0px 0px 0px;
	width:540px;
	color:#666;
	font-family: "Trebuchet MS";
	font-size:11px;
	
}
.video_content_duration{
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	width:120px;
	color:#333399;
	
}


/**************************** photo(list all)  ***************************/

#photo_midpage_content{
    padding: 0px 15px 0px 15px;
    margin: 10px 0px 15px 0px;
	height:auto;
    width:750px;
    /*background: #ffd6d6;*/
    float: left;
}
#photo_content_span {
	margin: 20px 0px 0px 0px;
	float:left;
	width:750px;
	height:auto;
	
	
}
/* commented coz of the layout prob in IE 6
#photo_col_span{
	Margin:0px 10px 10px 0px;
	padding:0px;
	width:140px;
	height:160px;
	float:left;
	
	}

.photo_content_by{
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	text-align:center;
	width:140px;
	color:#333399;
}
*/

#photo_col_span{
	Margin:0px 10px 10px 0px;
	padding:0px;
	width:140px;
	height:auto;
	float:left;
	}

.photo_content_by{
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	text-align:center;
	width:140px;
	color:#333399;
	height: 30px;
	valign:middle;
}


.photo_content_comment{
/*float:left;*/
	float:left;
	width:140px;
	color:#333399;
	text-align:center;
	background: url(../images/comment.gif) center no-repeat;
	background-position:23px 50%; /* x-pos y-pos */
	font-family: "Trebuchet MS";
	font-size:10px;
}
.listing_photo_pic{
	float:left;
	margin:0px 0px 0px 0px;
	padding: 12px 6px 12px 6px;
	background:#fff;
	/*background-position:2px 50%; /* x-pos y-pos */
	width: 120px;
	height:100px;
	border: 1px #ccc solid;
}

/********************* Member (share css with photo)**********************************/
#photo_col_span{
	Margin:0px 10px 10px 0px;
	padding:0px;
	width:140px;
	height:170px;
	float:left;
	}


#member_content_span {
	margin: 20px 0px 0px 0px;
	float:left;
	width:750px;
	height:auto;
	
}

	
#member_col_span{
		margin:0px 10px 10px 0px;
		padding:0px;
		width:140px;
		height:170px;		
		_height:200px;
		float:left;
		
		
	}
	
.member_content_by{
	background: url(../images/people.gif) center no-repeat;
	padding:2px 0px 0px 0px;
	background-position:4px 50%; /* x-pos y-pos */
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	text-align:left;
	width:110px;
	color:#333399;
	padding-left:25px;
	_width:100px;
	
	

}

.member_content_location{

	float:left;
	width:140px;
	color:#666;
	text-align:center;
	/*background: url(../images/comment.gif) center no-repeat;*/
	/*background-position:23px 50%; /* x-pos y-pos */
	font-family: "Trebuchet MS";
	font-size:10px;
	line-height:11px;
}

.listing_member_pic{
		float:left;
	margin:0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	background:#fff;
	/*background-position:2px 50%; /* x-pos y-pos */
	width: 120px;
	height:120px;
	border: 1px #ccc solid;
}


.morelink
{
	padding: 10px 15px 5px 0px;
    font-size: 11px;
    width: 200px;
    float: right;
    text-align: justify;
    text-align:right;
    color:#e11e24;
	text-decoration:none;
}

.morelink a
{
	color:#e11e24;
	text-decoration:underline;
}

.morelink a:hover
{
	color:#e11e24;
	text-decoration:none;
}


/**************************** pagination photo***************************/

#pagination_box_photo{
	margin:0px;
	padding:30px 0px 0px 0px;
	float:left;
	width:700px;
	height: 50px;
}

#pagination_box_photo ul{
	margin:0px;
	PADDING: 0px;
}

#pagination_box_photo ul li {
	margin:0px 5px 0px 0px;
	padding:0px;
	list-style-type:none;
	display:inline;
	float:left;
}

#pagination_box_photo ul li a{
	margin:0px 0px 0px 0px;
	PADDING: 5px 7px 5px 7px;

	float:left;
	font-size:12;
	font-family: "Trebuchet MS";
	border: 1px solid #ccc;
}

.currentpage{
	color:#fff;
	text-decoration:none;
	background: #eee;
}

#pagination_box_photo li a:link{
	color:#999999;
	text-decoration:none;

}

#pagination_box_photo li a:visited{
	color:#999999;
	text-decoration:none;

}

#pagination_box_photo li a:hover{
	background: #ffe0e0;
	color:#666;
	text-decoration:none;

}

#pagination_box_photo li a:active{
	background: #fff;
	color:#999999;
	text-decoration:none;
}
/******************************************pagination*************************/

#pagination_box{
	margin:0px;
	padding:10px 0px 0px 0px;
	float:left;
	width:500px;
	height: 50px;
}

#pagination_box ul{
	margin:0px;
	PADDING: 0px;
}

#pagination_box ul li {
	margin:0px 5px 0px 0px;
	padding:0px;
	list-style-type:none;
	display:inline;
	float:left;
}

#pagination_box ul li a{
	margin:0px 0px 0px 0px;
	PADDING: 5px 7px 5px 7px;

	float:left;
	font-size:12;
	font-family: "Trebuchet MS";
	border: 1px solid #ccc;
}

.currentpage{
	color:#fff;
	text-decoration:none;
	background: #eee;
}

#pagination_box li a:link{
	color:#999999;
	text-decoration:none;

}

#pagination_box li a:visited{
	color:#999999;
	text-decoration:none;

}

#pagination_box li a:hover{
	background: #ffe0e0;
	color:#666;
	text-decoration:none;

}

#pagination_box li a:active{
	background: #fff;
	color:#999999;
	text-decoration:none;
}


/******************* after login**************************/

#afterlogin
{
    margin: 0px;
    padding: 20px 5px 5px 5px;
    width: 250px;
    height: 140px;
	_height: 140px;
	float: left;
	/*overflow:hidden;*/
}

#showdiv{
	margin:25px 0px 0px 0px;
	padding:0px;
	float:left;
	width:110px;
	height:auto;
}

.showname{
	margin:0px 0px 3px 5px;
	padding:0px;
	float:left;
	/*width:100px;*/
	width:auto;
	height:auto;
	font-family: "Trebuchet MS";
	font-size:11px;


}

.showname a{
	color:#e11e24;
	font-family: "Trebuchet MS";
	text-decoration:underline;

}

.showname a:hover{
	color:#e11e24;
	font-family: "Trebuchet MS";
	text-decoration:none;
	

}

/*************************** new feature notice*****************************/

#newfeature{
	margin:34px 17px 0px 0px;
	_margin:34px 8px 0px 0px;
	padding:0px;
	float:right;
	width:670px;
	height:27px;
	background: url(../images/new_bg.gif) top right no-repeat;
}

.newtext{
	padding:9px 11px 0px 0px;
	float:right;
	font-size:11px;
	font-family: "Trebuchet MS";
	color:#666;
	
}

.newtext a:link{
	color:#EC1F24;
	text-decoration:none;
}

.newtext a:visited{
	color:#EC1F24;
	text-decoration:none;
}

.newtext a:hover{
	color:#EC1F24;
	text-decoration:underline;
}

.newtext a:active{
	color:#EC1F24;
	text-decoration:none;
}





