/**********************************************************************************************/
/**********************************************************************************************/

#loginArea
{
   float:                left;
   width:                530px;
   height:               auto;
   padding:              4px;
}

.formRowLogin
{
   width:                450px;
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            12px;
   margin-bottom:        2px;
}

.label2Login
{
   width:                90px;
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            12px;    
   font-weight:          bold;
   padding:              2px;   
   padding-top:          4px;   
   margin-right:         2px;   
}

.formRow2
{
   width:                450px;
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            12px;
   margin-bottom:        2px;
}

* html .formRow2
{
   margin-top:           0px;   
}

.label2
{
   width:                90px;
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            12px;    
   font-weight:          bold;
   padding:              2px;   
   padding-top:          4px;   
   margin-right:         2px;   
}

.formRow3
{
   width:                196px;
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            12px;
   padding-left:         4px;
   padding-bottom:       2px;
}

.formRowContact
{
   width:                470px;
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            12px;
   margin-bottom:        2px;
   margin-top:           7px;   
}

label
{
   width:                140px;
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            12px;    
   font-weight:          bold;
   background-color:     #FFFFFF;   
   padding:              2px;   
   padding-top:          4px;   
   padding-bottom:       4px;   
   margin-right:         2px;   
}

.label3
{
   width:                445px;
   height:               25px;
   float:                left;
   background-image:     url("http://www.myglamourpics.com/images/HelpImages/01_BGHelp.jpg");
   border-left:          #D8D8D8 2px solid;
   border-right:         #D8D8D8 2px solid;
   border-top:           #D8D8D8 2px solid;
}

.label3Text
{
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            13px;    
   font-weight:          bold;
   padding:              4px;
}

.label4
{
   width:                110px;
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            12px;    
   font-weight:          bold;
   background-color:     #FFFFFF;   
   padding:              2px 0px;   
   margin-right:         2px;   
}

/**********************************************************************************************/
/**********************************************************************************************/

.mainPhotoSingle
{
   float:                left;    
   width:                45px;
   height:               55px;
   padding:              1px;
   border:               #D8D8D8 1px solid; 
}

.mainPhotoSingle2
{
   float:                left;    
   width:                50px;
   height:               65px;
   padding:              1px;
   border:               #D8D8D8 1px solid; 
}

.mainPhotoSingle2a
{
   float:                left;    
   width:                30px;
   height:               40px;
   padding:              1px;
   border:               #D8D8D8 1px solid; 
}

.mainPhotoImage
{
   float:                left;    
   width:                45px;
   height:               55px;
}

.mainPhotoImage2
{
   float:                left;    
   width:                50px;
   height:               65px;
}

.mainPhotoImage2a
{
   float:                left;    
   width:                30px;
   height:               40px;
}

* html .mainPhotoImage
{
   font-size:            11px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
}

.viewsArea
{
   float:                left;    
   width:                45px;
   height:               10px;
   float:                left;    
   font-size:            9px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   color:                #000000;
   text-align:           left;
   bottom-margin:        2px;
}

.imageAndViewWrap
{
   float:                left;    
   width:                45px;
   height:               65px;
   margin-top:           6px;
   margin-left:          7px;
}

.imageAndViewWrap2a
{
   float:                left;    
   width:                50px;
   height:               65px;
}

.imageAndViewWrap2
{
   float:                left;    
   width:                30px;
   height:               40px;
}

* html .imageAndViewWrap
{
   margin-top:           0px;
   margin-left:          3px;
}

.tagsLineBreak
{
   float:                left;    
   width:                806px;
   height:               5px;
   margin-left:          2px;
   border-bottom:        #D8D8D8 1px solid;
}

/**********************************************************************************************/
/**********************************************************************************************/

#portfolioArea
{
   float:                left;    
   width:                1000px;
   height:               auto;
   background:           #FFFFFF;
}

.portfolioAreaWrap
{
   float:                left;    
   width:                1000px;
   height:               auto;
}

/**********************************************************************************************/
/**********************************************************************************************/

.columnHeaders
{
   float:                left;
   width:                170px;
   height:               25px;
   border-bottom:        #D8D8D8 1px solid;
}

.columnHeaders2
{
   float:                left;
   width:                170px;
   height:               25px;
   margin-top:           20px;
   border-bottom:        #D8D8D8 1px solid;
}

.columnHeadersText
{
   float:                left;
   text-align:           left;    
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
   color:                #000000;
   padding:              4px;
}

.columnHeadersText2
{
   float:                left;
   text-align:           center;    
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
   color:                #000000;
   padding:              4px;
   margin:               0 auto;
}

/**********************************************************************************************/
/**********************************************************************************************/

#leftColumn
{
   float:                left;    
   width:                170px;
   height:               auto;
   margin-top:           10px;
   padding-bottom:        10px;
}

#leftColumnWrap
{
   float:                left;    
   width:                160px;
   height:               auto;
   margin-left:          5px;
}

* html #leftColumnWrap
{
   height:               auto;
   margin-left:          6px;
}

/**********************************************************************************************/
/**********************************************************************************************/

#middleImageAreaWrap
{
   float:                left;    
   width:                819px;
   height:               auto;
   margin-top:           10px;
   margin-left:          10px;
   border-left:          #D8D8D8 1px solid;
}

/**********************************************************************************************/
/**********************************************************************************************/

#mainImagePortfolioWrap
{
   float:                left;    
   width:                120px;
   height:               auto;
   margin-top:           5px;
}

#mainImagePortfolio
{   
   float:                middle;
   text-align:           center;
   height:               auto;
   width:                170px;
   margin:               0 auto;
   margin-bottom:        5px;
}

/**********************************************************************************************/
/**********************************************************************************************/

#theImageAreaHeader
{
   float:                left;
   width:                808px;
   height:               25;
   padding:              4px;
}

#theImageAreaBanner
{
   float:                left;
   width:                808px;
   height:               25px;
   border:               #D8D8D8 1px solid;
   background-image:     url("http://www.myglamourpics.com/images/HelpImages/01_BGHelp.jpg");
}

.theImageAreaText a:link, .theImageAreaText a:visited, .theImageAreaText a:active
{
   float:                left;    
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
   color:                #000000;
   padding:              4px;
}

.theImageAreaText a:hover
{
   color:                #D8D8D8;
}

#theImageAreaWrap
{
   float:                left;
   text-align:           center;
   width:                810px;
   height:               auto;
   padding:              4px;
}

#theImageArea
{
   float:                left;
   text-align:           center;
   width:                800px;
   height:               auto;
   padding:              4px;
   border:               #D8D8D8 1px solid;
   margin-top:           5px;
   margin-left:          0px;
}

#theImageAreaPrevNext
{
   float:                left;
   text-align:           center;
   width:                810px;
   height:               auto;
}

#topPageAreaNavArea
{
   float:                middle;
   text-align:           center;
   width:                70px;
   padding:              4px;
   margin:               0 auto;
}

#topNavImageLeft
{
   float:                left;
   width:                13px;
   height:               13px;
   padding-bottom:       2px;
}

#topNavImageRight
{
   float:                left;
   width:                13px;
   height:               13px;
   padding-bottom:       2px;
}

#topNavMoreArea
{
   float:                left;
   width:                40px;
   text-align:           center;
   font-weight:          bold;
}

/**********************************************************************************************/
/**********************************************************************************************/

#wordsAndRatingWrap
{
   float:                left;
   text-align:           center;
   width:                788px;
   height:               auto;
   margin-top:           5px;
   margin-left:          10px;
}

#glamourPhotoAreaViews
{
   float:                right;    
   text-align:           right;
   width:                410px;
   height:               auto;
}

#glamourPhotoAreaViewsText
{
   float:                right;    
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
   color:                #000000;
   padding:              4px;
}

#ratingWrap
{
   float:                left;
   text-align:           left;
   width:                375px;
   height:               auto;
}

#wordRating
{
   float:                left;    
   width:                40px;
   height:               16px;
   text-align:           left;
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   font-weight:          bold;
   padding-left:         4px;    
   color:                #000000;
}

#fiveStarRating
{
   float:                left;    
   width:                95px;
   height:               16px;
}

#ratingsCount
{
   float:                left;    
   width:                15px;
   height:               22px;
   text-align:           left;
}

#theRating
{
   float:                left;    
   width:                85px;
   height:               22px;
   text-align:           left;
   font-size:            11px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   padding-top:          2px;
   color:                #000000;
}

.rating
{
   width:                80px;
   height:               16px;
   margin:               0 0 1px 0;
   padding:              0;
   list-style:           inline;
   clear:                both;
   position:             relative;
   background:           url(http://www.myglamourpics.com/images/HelpImages/star-matrix2.gif) no-repeat 0 0;
}

* html .rating
{
   margin:               0 0 0px 0;
}

ul
{
   list-style-type:      none;
}

ul.rating li 
{
   cursor:               pointer;
   float:                left;
   text-indent:          -999em;
}

ul.rating li a 
{
   position:             absolute;
   left:                 0;
   top:                  0;
   width:                16px;
   height:               16px;
   text-decoration:      none;
   z-index:              200;
}

ul.rating li.one a 
{
   left:                 0;
}

ul.rating li.two a 
{
   left:                 16px;
}

ul.rating li.three a 
{
   left:                 32px;
}

ul.rating li.four a 
{
   left:                 48px;
}

ul.rating li.five a 
{
   left:                 64px;
}

ul.rating li a:hover 
{
   z-index:              2;
   width:                80px;
   height:               16px;
   overflow:             hidden;
   left:                 0; 
   background:           url(http://www.myglamourpics.com/images/HelpImages/star-matrix2.gif) no-repeat 0 0
}

ul.rating li.one a:hover 
{
   background-position:  0 -96px;
}

ul.rating li.two a:hover 
{
   background-position:  0 -112px;
}

ul.rating li.three a:hover 
{
   background-position:  0 -128px
}

ul.rating li.four a:hover 
{
   background-position:  0 -144px
}

ul.rating li.five a:hover 
{
   background-position:  0 -160px
}

/* this is used to remove the hover affect */
/* use the background position according to the table above to display the required images*/
.rated
{
   width:                80px;
   height:               16px;
   margin:               0 0 1px 0;
   padding:              0;
   list-style:           inline;
   clear:                both;
   position:             relative;
   background:           url(http://www.myglamourpics.com/images/HelpImages/star-matrix2.gif) no-repeat 0 0;
}

* html .rated
{
   margin:               0 0 0px 0;
}

ul.rated li 
{
   cursor:               pointer;
   float:                left;
   text-indent:          -999em;
}

ul.rated li.one a 
{
   left:                 0;
}

ul.rated li.two a 
{
   left:                 16px;
}

ul.rated li.three a 
{
   left:                 32px;
}

ul.rated li.four a 
{
   left:                 48px;
}

ul.rated li.five a 
{
   left:                 64px;
}

/* add these classes to the ul to effect the change to the correct number of stars */
.nostar 
{
   background-position:  0 0;
}

.onestar 
{
   background-position:  0 -16px;
}

.twostar 
{
   background-position:  0 -32px;
}

.threestar 
{
   background-position:  0 -48px;
}

.fourstar 
{  
   background-position:  0 -64px;
}

.fivestar 
{
   background-position:  0 -80px;
}

/**********************************************************************************************/
/**********************************************************************************************/

#tagAreaWrap
{
   float:                left;
   text-align:           center;
   width:                788px;
   height:               auto;
   margin-left:          10px;
}

* html #tagAreaWrap
{
   padding-top:          0px;
   height:               3px;
}

#tagArea
{
   float:                left;    
   width:                460px;
   height:               auto;
   text-align:           left;
   font-size:            12px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   padding-left:         4px;    
}

#reportPhoto
{
   float:                right;    
   width:                305px;
   height:               auto;
   text-align:           right;
   font-size:            12px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   color:                #000000;
   padding:              4px;
}

/**********************************************************************************************/
/**********************************************************************************************/

#favoritesAreaWrap
{
   float:                left;
   text-align:           center;
   width:                788px;
   height:               auto;
   margin-left:          10px;
}

#favoritesArea
{
   float:                left;    
   width:                152px;
   height:               auto;
   text-align:           left;
   font-size:            12px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   padding-left:         4px;    
}

#friendFavoriteErrorArea
{
   float:                left;    
   width:                300px;
   height:               auto;
   text-align:           left;
   font-size:            12px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   padding-left:         4px;    
   color:                #FF002A;
}

#dateAdded
{
   float:                right;    
   width:                280px;
   height:               auto;
   text-align:           right;
   font-size:            12px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   color:                #000000;
   font-weight:          bold;
   padding:              4px;
}

/**********************************************************************************************/
/**********************************************************************************************/

#commentsFormWrap
{
   float:                left;
   text-align:           center;
   width:                540px;
   height:               auto;
   padding:              4px;
   margin-top:           5px;
	 margin-left:          120px;
}

#commentsFormLarge
{
   float:                left;
   width:                530px;
   height:               110px;
   margin-bottom:        5px;
   background:           #ECEEEE;
}

#commentsFormSmall
{
   float:                left;
   width:                530px;
   height:               55px;
   margin-bottom:        5px;
   background:           #ECEEEE;
}

#allCommentsWrap
{
   float:                left;
   text-align:           center;
   width:                600px;
   height:               auto;
   padding:              4px;
   margin-top:           5px;
	 margin-left:          80px;
}

#noCommentsText
{
   float:                left;    
   width:                590px;
   height:               10px;
   text-align:           center;
}

.commentsLineBreak
{
   float:                left;    
   width:                590px;
   height:               5px;
   margin-left:          5px;
   padding:              5px;
   border-bottom:        #D8D8D8 1px solid;
}

.singleCommentWrap
{
   float:                left;    
   width:                590px;
   height:               auto;
   margin-left:          5px;
   margin-top:           10px;
}

.singleImageComment
{
   float:                left;    
   width:                50px;
   height:               auto;
   margin-left:          5px;
   text-align:           left;
}

.singleCommentTimeWrap
{
   float:                left;    
   width:                380px;
   height:               auto;
   margin-top:           10px;
   margin-left:          10px;
}

.singleCommentTimeDeleteWrap
{
   float:                left;    
   width:                380px;
   height:               10px;
}

.singleCommentTime
{
   float:                left;    
   width:                auto;
   height:               10px;
   text-align:           left;
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
}

.deleteCommentText
{
   width:                145px;
   float:                left;    
   text-align:           left;
   font-size:            11px;
   font-family:          Arial, Verdana, Helvetica, sans-serif; 
   padding-top:          2px;
   padding-left:         5px;   
}

.singleComment
{
   float:                left;    
   width:                590px;
   height:               auto;
   margin-top:           5px;
   text-align:           left;
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
}

/**********************************************************************************************/
/**********************************************************************************************/

#reportFormWrap
{
   float:                left;
   text-align:           center;
   width:                540px;
   height:               auto;
   padding:              4px;
   margin-top:           5px;
	 margin-left:          120px;
}

#reportFormLarge
{
   float:                left;
   width:                530px;
   height:               110px;
   margin-bottom:        5px;
   background:           #ECEEEE;
}

/**********************************************************************************************/
/**********************************************************************************************/

#helpInfoArea
{
   float:                left;    
   width:                972px;
   height:               auto;
   border:               #D8D8D8 2px solid;
   margin-top:           10px;
   margin-left:          12px;
   text-align:           center;
}

* html #helpInfoArea
{
   margin-left:          6px;
   width:                965px;
}

#helpInfoAreaBanner
{
   float:                left;    
   width:                972px;
   height:               25px;
   background-image:     url("http://www.myglamourpics.com/images/HelpImages/01_BGHelp.jpg");
}

* html #helpInfoAreaBanner
{
   width:                972px;
}

#helpInfoArealistWrap
{
   float:                left;
   width:                957px;
   padding-left:         15px;
   text-align:           left;
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   margin-top:           10px;    
}

#helpInfoArealist
{
   float:                left;
}

* html #helpInfoArealist
{
   margin-top:            4px;
}

.helpInfoHeaderTextLeft
{
   float:                left;    
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
   color:                #000000;
   padding:              4px;
}

.tab1
{
   margin-left:          15px;
   margin-top:           6px;
}

.tab2
{
   margin-left:          35px;
   margin-top:           2px;
}

.tab3
{
   margin-top:           2px;
}

.tab4
{
   margin-left:          7px;
   margin-top:           30px;
}