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: auto;
    padding: 0px;
    clear: both;
    width: 1000px;
    height: auto; 
  
}

/************* 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;*/
}

#blog_box
{
    margin: 0px;
    padding: 5px 10px 5px 5px;
	_padding:3px 10px 3px 5px;
    width: 325px; /*height:60px;*/
    float: left;
}

.blog_title
{
    margin: 0px;
    padding: 0px 0px 3px 0px;
    font-weight: bold;
    font-size: 11px;
    float: left;
    width: 325px;
}

.blog_content
{
    padding: 1px 0px 0px 0px;
    font-size: 11px;
    width: 245px;
    float: left;
    text-align: justify;
}

.blog_title a:link
{
    color: #FF0000;
    text-decoration: none;
}
.blog_title a:visited
{
    color: #FF0000;
    text-decoration: none;
}
.blog_title a:hover
{
    color: #D10000;
    text-decoration: underline;
}
.blog_title 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: 22px;
    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:550px;
	height:100px;
	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_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_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: 3px 0px 0px 0px;
	width:440px;
	color:#666;
	font-family: "Trebuchet MS";
	font-size:11px;
	
}
/************************** Video ************************************/
#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_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;
	
}




/********************* Member (share css with photo)**********************************/

	
.member_content_by{
	background: url(../images/people.gif) center no-repeat;
	padding:2px 0px 0px 0px;
	background-position:10px 50%; /* x-pos y-pos */
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	text-align:center;
	width:140px;
	color:#333399;
}

.member_content_location{
/*float:left;*/
	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;
}

/**************************** 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:30px 0px 0px 0px;
	float:left;
	width:550px;
	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;
}



/********************************************** COntrol Panel**********************************************/
#container_panel
{
    width: 100%;
    position: relative;
    clear: both;
    margin: 0px;
    height: auto;
    text-align: left;
    font: normal 11px Verdana, Sans-serif;
    background: #FFFFFF url(../images/controlpanel_bg.gif);
    text-align: left; /* this overrides the text-align: center on the body element. */
}


#controlpanel_maindiv{
	padding:0px;
	margin:13px 0px 14px 0px;
	width:988px;
	height:auto;
	border-right: solid 1px #bbbbbb;
	float:left;
}

#controlpanel_innerdiv{
	padding :0px;
	margin:0px;
	background: #ffffff url(../images/controlpanel_footer.gif) bottom left no-repeat;
	float:left;
}

#controlpanel_lefttab{
	padding:47px 0px 0px 0px;
	margin:0px;
	width:23px;
	height:auto;
	float:left;
	}
	
#controlpanel_rightcontentmenu{
	padding:33px 0px 30px 20px;
	margin:0px;
	width: 149px;
	height:auto;
	border-top: solid 1px #dadada;
	float:left;
	}
	
	
#controlpanel_rightcontent{
	padding:25px 20px 30px 7px;
	margin:0px;
	width: 769px;
	height:auto;
	background: url(../images/tab_topbg.gif) top left repeat-x;
	border-top: solid 1px #dadada;
	float:left;
}

.selected{
	font-weight:Bold;
	color:#ed1f24;
}

.table_title {
	background-color:#EBEDF1;
	color: #333333;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}

#controlpanel_rightcontentmenu a:link{
	color:#666;
	text-decoration:none;
}

#controlpanel_rightcontentmenu a:visited{
	color:#666;
	text-decoration:none;

}

#controlpanel_rightcontentmenu a:hover{
	color:#ff0000;
	text-decoration:none;

}

#controlpanel_rightcontentmenu a:active{
	color:#666;
	text-decoration:none;
	
}

/********************* General link Class***********************/

a:link{
	color:#ed1f24;
	text-decoration:none;
}

a:visited{
	color:#ed1f24;
	text-decoration:none;

}

a:hover{
	color:#ed1f24;
	text-decoration:underline;

}

a:active{
	color:#ed1f24;
	text-decoration:none;
}


/********************* Added By lu yen ***********************/

#middle_content_tab{
	margin: 0px;
	width: 708px;
	_width: 708px;
	/*background: #ffffff;*/
	padding: 5px 0px 0px 0px;
	float: left;

}


input.editMode {
      background-color : #FFFF99;
      font: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #666666;
      clear: both;
 }
 
textarea.editMode {
    background-color : #FFFF99;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    clear: both;
    
 }
 
.savingAjaxWithBackground {
    background-color : #FFFF99;
}

/* *** PHOTO Pic frame*** */
#frame_bigpattern{
	/*padding: 2px 2px 2px 2px;
	background: #FFFFFF;
	width: 120px;

	vertical-align: middle;
	float:left;
	border:1px solid #ccc;
	padding:0px;
	*/
	float:left;
	margin: 5px 5px 5px 12px;
	_margin: 5px 5px 5px 8px;
	width:280px;
	height:230px;
	background:#fff;
	padding:5px;
	_padding:5px 5px 0px 5px;
	border:1px solid #ccc;

}

.frame_pattern_pic
{
	width:280px;
	height:230px;
}




/* *** Video pic frame*** */
#frame_bigVideo
{
	float:left;
	margin: 5px 5px 5px 12px;
	_margin: 5px 5px 5px 8px;
	width:140px;
	height:100px;
	background:#fff;
	padding:5px;
	_padding:5px 5px 0px 5px;
	border:1px solid #ccc;
}

.frame_bigpattern_video
{
	width:140px;
	height:100px;
}


/* *** NETWORK Pic frame*** */

#frame_pattern{
	/*padding: 2px 2px 2px 2px;
	background: #FFFFFF;
	width: 120px;

	vertical-align: middle;
	float:left;
	border:1px solid #ccc;
	padding:0px;
	*/
	float:left;
	margin: 5px 5px 5px 12px;
	_margin: 5px 5px 5px 8px;
	width:150px;
	height:120px;
	background:#fff;
	padding:5px;
	_padding:5px 5px 0px 5px;
	border:1px solid #ccc;

}

.frame_pic
{
		width:150px;
	height:120px;
}

#frame_network{
	margin: 0px 3px 5px 3px;
	padding: 4px 7px 4px 7px;
	width: 320px;
	float:left;
	border: 1px;
	border-color: #CCCCCC;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-right-style: dashed;
}


#network_searchlist{
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	width: 700px;
	border: 1px;
	border-color: #CCCCCC;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-right-style: dashed;
	float: left;
}

.searchbox{
	/*width:169px;*/
	line-height:16px;
	border:1px solid #c9cac5;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:3px;
	

}

/****************************** control panel homepage ****************************/


#recent_upload_div{
	padding:0px 5px 0px 0px;
	margin:0px;
	width:502px;
	height:500px;
	font-family: "Trebuchet MS";
	float:left;
}

#ct_title{
	padding:17px 0px 4px 0px;
	margin:0px;
	float:left;
	font-weight:bold;
	width:500px;
	height:auto;
	font-family: "Trebuchet MS";
}

#ct_title a:link{
	color:#ed1f24;
	text-decoration:none;
}

#ct_title a:visited{
	color:#ed1f24;
	text-decoration:none;

}

#ct_title a:hover{
	color:#ed1f24;
	text-decoration:underline;

}

#ct_title a:active{
	color:#ed1f24;
	text-decoration:none;
}



#dotline{
	padding:0px;
	margin:0px;
	float:left;
	width:500px;
	height:4px;
	background: #FFFFFF url(../images/dotted_line.gif) bottom left repeat-x;

}

#dotline_full{
	padding:0px;
	margin:0px;
	float:left;
	width:740px;
	height:4px;
	background: #FFFFFF url(../images/dotted_line.gif) bottom left repeat-x;
}

#upload_row_white{
	padding: 10px 0px 10px 0px;
	margin:0px;
	float:left;
	width:498px;
	height: 60px;
}

#upload_row_red{
	padding: 10px 0px 10px 0px;
	margin:0px;
	float:left;
	width:498px;
	height: 60px;
	background:#ffe7e7;
}

.row_title{
	padding:23px 42px 25px 41px;
	margin:0px;
	float:left;
	width: 35px;
	height:12px;
	font-weight:bold;
}

.row_content{
	padding:0px;
	margin:0px;
	width:360px;
	height:60px;
	float:left;
}

.row_entry_blog{
	padding:2px 0px 2px 0px;
	margin:0px;
	float:left;
	width:338px;
	height:16px;
	vertical-align:middle;	
}

.row_entry_blog2{
	padding:20px 0px 2px 0px;
	margin:0px;
	float:left;
	vertical-align:middle;	
}




.row_entry_music{
	padding:2px 15px 2px 0px;
	margin:0px;
	float:left;
	width:154px;
	height:16px;
	vertical-align:middle;
	
}

.row_entry_music2{
	padding:22px 0px 2px 0px;
	margin:0px;
	float:left;
	vertical-align:middle;	
}
.row_entry_photo{
	padding:0px 12px 0px 0px;
	_padding:3px 12px 0px 0px;
	margin: 0px;
	float:left;
	width: 58px;
	height:60px;
	}
	
	
.row_entry_photo2{
	padding:22px 0px 2px 0px;
	margin:0px;
	float:left;
	vertical-align:middle;	
	}
	
	
#view_all{
	padding:24px 0px 26px 0px;
	margin:0px;
	height:9px;
	width:10px;
	float:left;
	vertical-align:middle;
}

/************************ Profile ************************/
#profile_div{
	padding:0px 0px 0px 0px;
	margin:0px 0px 4px 10px;
	width:206px;
	height:278px;
	font-family: "Trebuchet MS";
	float:left;
	background:#fff url(../images/dotted_bg.jpg) top left no-repeat;

}
#ct_title_profile{
	padding:17px 0px 4px 24px;
	_padding:17px 0px 4px 33px;
	margin:0px;
	float:left;
	font-weight:bold;
	width:160px;
	height:13px;
	font-family: "Trebuchet MS";
}

.profile_pic{
	padding:15px 14px 8px 14px;
	margin:0px;
	float:left;
	width:178px;
	height:133px;
}

.profile_detail{
	padding:0px 14px 0px 14px;
	margin:0px;
	width:178px;
	height:55px;
	line-height:17px;
	float:left;
}

.alert{
	padding:0px 6px 0px 10px;
	margin:0px;
	width:184px;
	height:18px;
	float:left;
	color:#333399;
}



.font_small{
	font-size:10px
}


/**************comment link*******************/

.row_entry_comment{
	_padding:0px 20px 0px 0px;
	padding:7px 15px 0px 0px;
	margin:0px;
	float:left;
	width:150px;
	height:22px;
	color:#333399;
	
}




/************************ summary data************************/
#summary_div{
	padding:0px 0px 0px 0px;
	margin:10px 0px 4px 10px;
	width:206px;
	height:219px;
	font-family: "Trebuchet MS";
	float:left;
	background:#fff url(../images/dotted_bg_summary.jpg) top left no-repeat;
	

}

.summary_title{
	padding:10px 0px 21px 11px;
	_padding:10px 0px 19px 11px;
	margin:0px;
	float:left;
	height:11px;
	width:150px;
	font-weight:bold;
	}
	
.summary_wrap{
	padding:0px;
	margin:0px;
	float:left;
	width:202px;

	
}
.data_title{
	padding: 0px 11px 9px 0px;
	_padding: 0px 11px 7px 0px;
	margin:0px;
	float:left;
	text-align:right;
	width:46px;
	height:14px;
}
/* ORIGINAL FROM ALICE
.data_figure{
	padding: 0px 11px 9px 0px;
	_padding: 0px 11px 7px 0px;
	margin:0px;
	float:left;
	width:75px;
	height:14px;

}
*/
.data_figure{
	padding: 0px 11px 9px 0px;
	_padding: 0px 11px 7px 0px;
	margin:0px;
	float:left;
	width:130px;
	height:14px;
	

}



.data_percent{
	padding: 0px 0px 9px 0px;
	_padding: 0px 0px 7px 0px;
	margin:0px;
	float:left;
	width:55px;
	height:14px;
}

.alert_space{
	padding:0px 0px 0px 25px;
	margin:0px;
	width:170px;
	height:auto;
	line-height:16px;
	float:left;
}

#left_wrapper{
	padding:0px;
	margin:0px;
	float:left;
	width:210px;
}


/********************************** bg for every section**************************/

.network_bg{
	background:#fff url(../images/bg_network.gif) top right no-repeat;
}

.music_bg{
	background:#fff url(../images/bg_music.gif) top right no-repeat;
}

.video_bg{
	background:#fff url(../images/bg_video.gif) top right no-repeat;
}


/********************************** bg for every section**************************/

#network_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_network.gif) top right no-repeat;
}

#music_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_music.gif) top right no-repeat;
}

#video_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_video.gif) top right no-repeat;
}

#photo_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_photo.gif) top right no-repeat;
}


#blog_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_blog.gif) top right no-repeat;

}

#blog_bg_frame
{
	margin:0px;
	padding:0px;
	float:left;
	width:900px;
	height:auto;
	background:#fff url(../images/bg_blog.gif) top right no-repeat;

}

#message_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_email.gif) top right no-repeat;
}

#files_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_files.gif) top right no-repeat;
}

#home_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_home.gif) top right no-repeat;
}

#profile_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_profile.gif) top right no-repeat;
}

#sms_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_msg.gif) top right no-repeat;
}


#layout_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_layout.gif) top right no-repeat;
}

#component_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_component.gif) top right no-repeat;
}

#template_bg
{
	margin:0px;
	padding:0px;
	float:left;
	width:708px;
	height:auto;
	background:#fff url(../images/bg_choosetemplate.gif) top right no-repeat;
}


/* *******   PHOTO ALBUM LISTING IN CONTROL PANEL ********  */

/*for the album status permission*/
.photo_content_private{
	float:left;
	width:140px;
	color:#333399;
	text-align:center;
	background: url(../images/icon_private.gif) center no-repeat;
	background-position:23px 50%; /* x-pos y-pos*/
	font-family: "Trebuchet MS";
	font-size:10px;
}

.photo_content_public
{
	float:left;
	width:140px;
	color:#333399;
	text-align:center;
	background: url(../images/icon_public.gif) center no-repeat;
	background-position:23px 50%; /* x-pos y-pos*/
	font-family: "Trebuchet MS";
	font-size:10px;
}

/* for albumname*/
.photo_content_by
{
	float:left;
	font-size:10px;
	font-family: "Trebuchet MS";
	text-align:center;
	width:140px;
	color:#333399;
}



/*************************** component********************************/

#content_span_component {
	margin: 10px 0px 0px 0px;
	float:left;
	width:708px;
	_width:700px;
	height:auto;

}

.padleft{
	padding-left:28px;
	vertical-align:middle;
}

.input_div{
	margin:0px;
	padding:0px 0px 0px 5px;
	width:auto;
	height: auto;
	float:left;
}

.padright{
	margin:0px;
	padding:0px;
	width:412px;
	text-align:right;
	float:left;
	vertical-align:middle;
}

.btn_component{
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	font-family: "Trebuchet MS";
	height:22px;
}

.font11{
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#component_div{
	margin:10px 5px 5px 5px;
	padding:0px 0px 20px 0px;
	_padding-bottom:5px;
	border: 1px dotted #ccc;
	float:left;
	width:335px;
	_width:320px;
	height:110px;
	_height:120px;
	display:block;

}


.component_thumbnail{
	margin:8px 0px 20px 5px;
	padding:0px;
	border:1px solid #ccc;
	float:left;
	width:80px;
	_width:80px;
	height:80px;
	_height:80px;
	display:block;
}


.component_thumb{
	margin:8px 0px 20px 5px;
	padding:0px;
	border:1px solid #ccc;
	float:left;
	width:80px;
	_width:80px;
	height:80px;
	_height:80px;
	display:block;
}


.componentdir_thumb{
	margin:8px 0px 20px 5px;
	_margin-bottom:20px;
	padding:0px;
	border:1px solid #ccc;
	float:left;
	width:80px;
	_width:80px;
	height:80px;
	_height:80px;
	display:block;
}
/*
.component_thumb a{
	margin:8px 0px 0px 5px;
	padding:0px;
	border:1px solid #ccc;
	float:left;
	width:80px;
	height:80px;
	display:block;
	
}


.component_thumb a:hover{
	border:1px solid #ff0000;

}
*/
.component_title{
	margin:10px 4px 0px 10px;
	padding:0px;
	float:left;
	width:230px;
	height:auto;
	color:#EC1F24;
	font-weight:bold;
	line-height:13px;
	display:block;
}

.componentdir_title{
	margin:10px 4px 0px 10px;
	padding:0px;
	float:left;
	width:200px;
	height:auto;
	color:#EC1F24;
	font-weight:bold;
	line-height:13px;
	display:block;
	
}

.component_desc{
	margin:0px 4px 0px 10px;
	padding:0px;
	float:left;
	width:230px;
	height:80px;
	_height:85px;
	line-height:13px;
	display:block;
}

.componentdir_desc{
	margin:0px 4px 0px 10px;
	padding:0px;
	float:left;
	width:220px;
	_width:210px;
	height:80px;
	_height:75px;
	line-height:13px;
	display:block;

}

.component_add{
	margin:2px 4px 0px 10px;
	padding:0px;
	float:left;
	width:224px;
	height:auto;
	_height:auto;
	display:block;
	
	
}

.componentdir_add{
	margin:2px 4px 0px 10px;
	padding:0px;
	float:left;
	width:200px;
	display:block;
	

}


.boxbottom{
	vertical-align:baseline;
}

#directory
{
	margin:10px 5px 5px 5px;
	padding: 5px;
	width:720px;
	_width:700px;
	height:auto;
	float:left;
}
#mycomponent_div{
	margin:10px 5px 5px 5px;
	padding: 5px;
	width:720px;
	_width:700px;
	height:auto;
	_height:auto;
	float:left;
	border: 1px dotted #ccc;

	}
	
#mycomponent_pagingdiv{
	margin:10px 5px 5px 5px;
	padding: 5px;
	width:720px;
	_width:700px;
	height:auto;
	float:left;
}

	
#mycomponent{
	padding:0px;
	margin:0px;
	float:left;
	width:360px;
	height:auto;
	_height:auto;


}	
	
#mycom_action_div{
	padding:0px;
	margin:0px;
	float:left;
	width:340px;
	height:100px;


}

#mycom_action {
	padding:10px 0px 10px 8px;
	width:auto;
	float:left;
	vertical-align:middle;

	}
	
#mycom_action a{
	color:#EC1F24;
	text-decoration:none;
	
	}
	
#mycom_action a:hover
{
	color:#EC1F24;
	text-decoration:underline;
	}
	
.notes_ct{
	padding:0px 0px 20px 0px;
	margin:0px;
	font-weight:normal;
	width:730px;
	float:left;
	text-align:justify;

}

.redbold a{
	font-weight:bold;
	color:#EC1F24;
}

.redbold a:hover{
	font-weight:bold;
	color:#EC1F24;
}

#btn_update{
	margin:0px;
	padding:10px 0px 0px 10px;
	width:auto;
	float:left;
	text-align:middle;
	
}


#mycomponent_add{
	margin:0px 25px 10px 17px;
	padding: 15px 0px 15px 0px;
	width:650px;
	height:auto;
	float:left;
	border: 1px dotted #ccc;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	}
	
#mycomponent_add_code{
	margin:0px 25px 10px 17px;
	padding: 15px 0px 15px 0px;
	width:680px;
	_width:600px;
	height:auto;
	float:left;
	border: 1px dotted #ccc;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;


	}
	
#mycomponent_table{
	margin:0px 25px 10px 17px;
	padding: 15px 0px 15px 0px;
	width:600px;
	_width:570px;
	height:auto;
	float:left;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;



	}
#mycomponent_add_link{
	margin:0px 25px 10px 17px;
	padding: 15px 0px 15px 0px;
	width:680px;
	_width:630px;
	height:auto;
	float:left;
	border: 1px dotted #ccc;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#add_div{
	margin:0px;
	padding:0px 0px 10px 0px;
	width:650px;
	height:auto;
	float:left;
	
}

.add_title{
	margin:0px;
	padding:10px 0px 0px 50px;
	float:left;
	width:150px;
	height:auto;
}

.add_msg{
	margin:0px;
	padding:15px 0px 0px 50px;
	float:left;
	width:590px;
	height:auto;
}

.add_desc{
	margin:0px;
	padding:10px 0px 0px 0px;
	float:left;
	width:440px;
	height:auto;
}

#mycomponent_edit{
	margin:10px 0px 0px 5px;
	padding: 10px 20px 20px 20px;
	width:300px;
	height:auto;
	float:left;
	border: 1px dotted #ccc;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


#edit_div{
	padding:0px 0px 5px 0px;
	margin:0px;
	float:left;
	width:300px;
	height:auto;
}	

.edit_title{
	margin:0px;
	padding:15px 0px 0px 0px;
	float:left;
	width:100px;
	height:auto;

}

.edit_desc{
	margin:0px;
	padding:10px 0px 0px 0px;
	float:left;
	width:200px;
	height:auto;

}

#dotline_edit{
	padding:0px;
	margin:0px;
	float:left;
	width:300px;
	height:4px;
	background: #FFFFFF url(../images/dotted_line.gif) bottom left repeat-x;
}

#ct_title_edit{
	padding:0px 0px 4px 0px;
	margin:0px;
	float:left;
	font-weight:bold;
	width:300px;
	height:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*added by meg for drop down font 040908*/
.dropdownbox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}



/*************************** 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;
}